Tabel (palet) warna html memberi Anda kesempatan untuk secara mandiri memilih nada yang Anda butuhkan. Nilai warna ditampilkan dalam tiga format: Hex, RGB dan HSV.

• Hex terdiri dari tiga nilai dua karakter dalam sistem bilangan heksadesimal. Misal: #ff00b3, pasangan angka pertama berwarna merah, pasangan angka kedua berwarna hijau, dan pasangan angka ketiga berwarna biru.
• RGB (RedGreenBlue) berbentuk "200.100.255", yang menunjukkan jumlah tone yang sesuai (merah, hijau, biru) pada warna yang dihasilkan.
• HSV (Hue, Saturation, Value - tone, saturation, value) adalah model warna yang koordinatnya adalah:
  • Hue - nada warna, dapat bervariasi dari 0° hingga 360°.
  • Saturasi - saturasi, bervariasi dari 0-100 atau 0-1. Semakin tinggi parameter ini, semakin “murni” warnanya, itulah sebabnya parameter ini terkadang disebut kemurnian warna. Dan semakin dekat parameter ini ke nol, semakin dekat warnanya ke abu-abu netral.
  • Nilai (nilai warna) - mengatur kecerahan, nilainya juga dapat bervariasi antara 0-100 atau 0-1.

Masukkan kode warna: PERGI

Daftar warna dengan nama

Tabel ini mencantumkan nama warna bahasa Inggris (yang dapat digunakan sebagai nilai) yang didukung oleh semua browser dan nilai heksadesimalnya. Semua warna yang tercantum adalah “aman”, artinya akan tampak sama di semua browser.

Angka heksadesimal digunakan untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka 10 sampai 15 diganti dengan huruf latin. Bilangan yang lebih besar dari 15 pada sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu. Misalnya, angka 255 dalam desimal sama dengan angka FF dalam heksadesimal. Untuk menghindari kebingungan dalam menentukan sistem bilangan, simbol hash # diletakkan sebelum bilangan heksadesimal, misalnya #666999. Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF. Jadi, simbol warna dibagi menjadi tiga komponen #rrggbb, dimana dua simbol pertama menunjukkan komponen warna merah, dua simbol di tengah menunjukkan komponen hijau, dan dua simbol terakhir menunjukkan komponen warna biru. Dibolehkan menggunakan bentuk singkatan #rgb, di mana setiap karakter harus digandakan. Jadi, entri #fe0 harus dianggap sebagai #ffee00.

Berdasarkan nama

Browser mendukung beberapa warna berdasarkan namanya. Dalam tabel 1 menunjukkan nama, kode heksadesimal, RGB, nilai HSL dan deskripsi.

Menggunakan RGB

Anda dapat menentukan warna menggunakan nilai merah, hijau, dan biru dalam desimal. Masing-masing dari tiga komponen warna mengambil nilai dari 0 hingga 255. Juga diperbolehkan untuk menentukan warna sebagai persentase, dengan 100% sesuai dengan angka 255. Pertama, tentukan kata kunci rgb, lalu tentukan komponen warna dalam tanda kurung , dipisahkan dengan koma, misalnya rgb(255 , 128, 128) atau rgb(100%, 50%, 50%).

RGBA

Format RGBA serupa sintaksisnya dengan RGB, tetapi menyertakan saluran alfa yang menentukan transparansi elemen. Nilai 0 berarti transparan sepenuhnya, 1 buram, dan nilai antara seperti 0,5 berarti semi transparan.

RGBA telah ditambahkan ke CSS3, jadi kode CSS harus divalidasi terhadap versi ini. Perlu dicatat bahwa standar CSS3 masih dalam pengembangan dan beberapa fitur mungkin berubah. Misalnya, warna dalam format RGB yang ditambahkan ke properti background-color divalidasi, namun warna yang ditambahkan ke properti background tidak valid lagi. Pada saat yang sama, browser memahami warna untuk kedua properti dengan cukup tepat.

HSL

Nama format HSL berasal dari kombinasi huruf pertama Hue (hue), Saturate (saturasi) dan Lightness (ringan). Hue adalah nilai warna pada roda warna (Gbr. 1) dan dinyatakan dalam derajat. 0° berarti merah, 120° berarti hijau, dan 240° berarti biru. Nilai rona dapat bervariasi dari 0 hingga 359.

Beras. 1. Roda warna

Saturasi adalah intensitas warna dan diukur dalam persentase dari 0% hingga 100%. Nilai 0% menunjukkan tidak adanya warna dan bayangan abu-abu, 100% adalah nilai maksimum saturasi.

Lightness menentukan seberapa cerah warnanya dan ditentukan dalam persentase dari 0% hingga 100%. Nilai rendah membuat warna lebih gelap, dan nilai tinggi membuat warna lebih terang; nilai ekstrem 0% dan 100% menunjukkan hitam putih.

HSLA

Format HSLA serupa sintaksisnya dengan HSL, tetapi menyertakan saluran alfa untuk menentukan transparansi elemen. Nilai 0 berarti transparan sepenuhnya, 1 buram, dan nilai antara seperti 0,5 berarti semi transparan.

Nilai warna RGBA, HSL, dan HSLA telah ditambahkan ke CSS3, jadi harap periksa kode Anda untuk validitas versi saat menggunakan format ini.

HTML5 CSS2.1 CSS3 YAITU Cr Op Sa Fx

Peringatan

Semua metode penangkapan singa yang tercantum di situs bersifat teoritis dan berdasarkan metode komputasi. Penulis tidak menjamin keselamatan Anda saat menggunakannya dan tidak bertanggung jawab atas hasilnya. Ingat, singa adalah predator dan hewan berbahaya!

Hasil dari contoh ini ditunjukkan pada Gambar. 2.

Beras. 2. Warna pada halaman web

Modul warna CSS merinci nilai yang memungkinkan penulis menentukan warna dan opacity elemen html, serta nilai properti warna.

properti warna

1. Warna prioritas: properti warna

Properti menentukan warna font menggunakan berbagai sistem rendering warna. Properti ini menjelaskan warna konten teks elemen. Selain itu, ini digunakan untuk memberikan potensi nilai tidak langsung (currentColor) untuk properti lain yang menerima nilai warna.

Properti itu diwariskan.

2. Nilai warna

2.1. Kata Kunci Utama

Daftar kata kunci utama mencakup arti sebagai berikut:

Nama warna tidak peka huruf besar-kecil.

Sintaksis

Warna: biru kehijauan;

2.2. Nilai warna numerik

2.2.1. Warna model RGB

Format heksadesimal nilai RGB adalah tanda # yang diikuti langsung oleh tiga atau enam karakter heksadesimal. Notasi RGB tiga digit #rgb diubah menjadi bentuk enam digit #rrggbb dengan menyalin digitnya, bukan menambahkan angka nol. Misalnya, #fb0 diperluas menjadi #ffbb00 . Hal ini memastikan bahwa #ffffff putih dapat ditentukan dalam entri #fff pendek, dan menghilangkan ketergantungan pada kedalaman warna tampilan.

Format nilai RGB dalam notasi fungsional adalah rgb(diikuti dengan daftar tiga nilai numerik yang dipisahkan koma (tiga nilai bilangan bulat atau tiga nilai persentase) diikuti dengan simbol). Nilai integer 255 setara dengan 100% dan F atau FF dalam notasi heksadesimal:

Rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF

Karakter spasi diperbolehkan di sekitar nilai numerik.

Kode warna dalam CSS digunakan untuk menentukan warna. Biasanya, kode warna atau nilai warna digunakan untuk mengatur warna baik warna latar depan suatu elemen (misalnya warna teks, warna tautan) atau warna latar belakang suatu elemen (warna latar belakang, warna blok). Mereka juga dapat digunakan untuk mengubah warna tombol, batas, penanda, arahkan kursor, dan efek dekoratif lainnya.

Anda dapat menentukan nilai warna Anda dalam berbagai format. Tabel berikut mencantumkan semua kemungkinan format:

Format yang tercantum dijelaskan secara lebih rinci di bawah.

Warna CSS - Kode Hex

Kode warna heksadesimal adalah representasi warna enam digit. Dua digit pertama (RR) mewakili nilai merah, dua digit berikutnya mewakili nilai hijau (GG), dan dua digit terakhir mewakili nilai biru (BB).

Warna CSS - Kode Hex Pendek

Kode warna hex pendek adalah bentuk notasi enam karakter yang lebih pendek. Dalam format ini, setiap digit diulang untuk menghasilkan nilai warna enam digit yang setara. Misalnya: #0F0 menjadi #00FF00.

Nilai heksadesimal dapat diambil dari perangkat lunak grafis apa pun seperti Adobe Photoshop, Core Draw, dll.

Setiap kode warna heksadesimal dalam CSS akan diawali dengan tanda pagar “#”. Di bawah ini adalah contoh penggunaan notasi heksadesimal.

Warna CSS - Nilai RGB

nilai RGB adalah kode warna yang diatur menggunakan properti rgb(). Properti ini mengambil tiga nilai: masing-masing satu untuk merah, hijau, dan biru. Nilainya bisa berupa bilangan bulat, dari 0 hingga 255, atau persentase.

Catatan: Tidak semua browser mendukung properti warna rgb(), jadi tidak disarankan untuk menggunakannya.

Di bawah ini adalah contoh yang memperlihatkan beberapa warna menggunakan nilai RGB.

Pembuat kode warna

Anda dapat membuat jutaan kode warna menggunakan layanan kami.

Warna Aman Browser

Di bawah ini adalah tabel 216 warna yang paling aman dan tidak bergantung pada komputer. Warna-warna dalam CSS ini berkisar dari 000000 hingga kode heksadesimal FFFFFF. Mereka aman digunakan karena memastikan semua komputer menampilkan warna dengan benar saat bekerja dengan 256 palet warna.

Warna HTML ditunjukkan dengan enam karakter setelah karakter garis miring - misalnya, #000000. Keenam simbol ini mewakili proporsi warna berbeda (Merah, Hijau, Biru) pada warna akhir. Di monitor komputer Anda, gambar terbentuk dari sejumlah besar titik yang disebut piksel. Setiap piksel adalah sumber cahaya kecil, sebut saja "senter", yang terdiri dari tiga senter - merah, hijau, dan biru. Dengan mengurangi atau meningkatkan intensitas cahaya senter berwarna, kita mendapatkan warna yang diinginkan.

Kode warna HTML

Warna dalam HTML diwakili oleh notasi heksadesimal (HEX) merah, biru, dan hijau (RGB).

Nilai warna terkecil adalah 0 (heksadesimal 00). Nilai warna tertinggi adalah 255 (hex FF).

Nilai warna heksadesimal adalah tiga digit yang dimulai dengan tanda #.

Kode warna (arti)

16 juta warna

Menggabungkan warna merah, biru, dan hijau dengan nilai berkisar antara 0 hingga 255 untuk setiap persentase warna menghasilkan total lebih dari 16 juta corak (256 x 256 x 256).

Kebanyakan monitor modern mampu menampilkan setidaknya 16.384 warna berbeda (monitor LCD umumnya mampu menampilkan 262 ribu 16 juta warna). (diperbarui Oktober 2013) warna, dan monitor CRT dapat menampilkan jumlah warna yang hampir tidak terbatas).

Tabel warna di bawah ini menunjukkan perubahan proporsi warna merah dari 0 menjadi 255 dengan nilai nol untuk biru dan hijau:

Nuansa Abu-abu

Untuk mendapatkan corak abu-abu, digunakan bagian yang sama dari semua warna. Untuk memudahkan Anda memilih warna yang tepat, kami menyediakan kode warna abu-abu

Nama warna html lintas browser (semua browser).

Kumpulan 150 nama warna dalam html, didukung di semua browser.

Nama warna standar

W3C mencantumkan 16 nama warna yang valid untuk HTML dan CSS: aqua, hitam, biru, fuchsia, abu-abu, hijau, kapur, merah marun (chestnut), angkatan laut (ultramarine), zaitun (zaitun), ungu (ungu), merah (merah) , perak (silver), teal (abu-abu), putih (putih) dan kuning (kuning).

Jika menggunakan warna yang tidak termasuk dalam daftar ini, lebih tepat menggunakan kode heksadesimal (HEX) atau kode RGB.

Warna yang aman

Beberapa tahun yang lalu, ketika komputer dapat mendukung maksimal 256 warna berbeda, daftar 216 "Warna Aman Web" diusulkan, dengan 40 warna dicadangkan untuk sistem.

Palet 216 warna ini dibuat untuk menampilkan warna dengan benar dalam mode palet 256 warna.

Sekarang hal ini tidak menjadi masalah karena sebagian besar komputer di seluruh dunia mendukung jutaan corak warna. Bagaimanapun, berikut adalah daftar warna-warna ini: