Menentukan Warna melalui # di CSS
Cara menentukan warna melalui rgb, meskipun
memungkinkan untuk mendapatkan semua nuansa
dari setiap warna, tetap saja agak rumit.
Oleh karena itu, ada opsi ketiga untuk
menentukan warna - melalui nilai
heksadesimal.
Untuk memahami cara ini, Anda perlu
memahami sistem bilangan heksadesimal.
Di dalamnya, berbeda dengan sistem desimal
yang kita gunakan dalam kehidupan sehari-hari,
tidak ada sepuluh digit, tetapi enam belas:
0, 1, 2, 3,
4, 5, 6, 7,
8, 9, A, B,
C, D, E, F -
seperti yang Anda lihat, karena kekurangan digit
setelah sembilan, huruf digunakan.
Dalam sistem ini, alih-alih rgb,
ditulis tanda pagar #, diikuti oleh enam
karakter. Dua karakter pertama - warna merah,
dua karakter kedua - hijau, dan dua karakter
terakhir - biru. Warna juga bervariasi dari
0 hingga 255, tetapi dalam sistem
heksadesimal ini akan dari 00 hingga
FF.
Dalam contoh berikut, paragraf diwarnai dengan warna merah:
<p>
teks
</p>
p {
color: #FF0000;
}
:
Atur warna #FFEEAA untuk semua paragraf.
Atur latar belakang #000000
dan warna teks #FFFFFF untuk semua paragraf.
Warna apa yang akan dihasilkan?
Berikut adalah kodenya:
p {
color: rgb(255, 200, 255);
}
Dengan menggunakan konverter apa pun, ubah warnanya ke format heksadesimal.