Warna CSS HEX
Warna heksadesimal ditentukan dengan: #RRGGBB, di mana bilangan bulat heksadesimal RR (merah), GG (hijau) dan BB (biru) menentukan komponen warna.
Nilai HEX
Di CSS, warna dapat ditentukan menggunakan nilai heksadesimal dalam bentuk:
#rrggbb _
Dimana rr (merah), gg (hijau) dan bb (biru) adalah nilai heksadesimal antara 00 dan ff (sama dengan desimal 0-255).
Misalnya, #ff0000 ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (ff) dan yang lainnya diatur ke nilai terendah (00).
Untuk menampilkan hitam, setel semua nilai ke 00, seperti ini: #000000.
Untuk menampilkan putih, setel semua nilai ke ff, seperti ini: #ffffff.
Percobaan dengan mencampur nilai HEX di bawah ini:
#ff6347
MERAH
HIJAU
BIRU
Contoh
Nuansa abu-abu sering didefinisikan menggunakan nilai yang sama untuk ketiga sumber cahaya:
Contoh
Nilai HEX 3 Digit
Terkadang Anda akan melihat kode hex 3 digit di sumber CSS.
Kode hex 3 digit adalah singkatan untuk beberapa kode hex 6 digit.
Kode hex 3 digit memiliki bentuk sebagai berikut:
# rgb
Dimana r, g, dan b mewakili komponen merah, hijau, dan biru dengan nilai antara 0 dan f.
Kode hex 3 digit hanya dapat digunakan jika kedua nilai (RR, GG, dan BB) sama untuk setiap komponen. Jadi, jika kita memiliki #ff00cc, dapat ditulis seperti ini: #f0c.
Berikut ini contohnya:
Contoh
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}