Sesuai dengan namanya, css colors adalah syntax untuk memberi warna pada elemen HTML. Warna dapat ditentukan menggunakan:
- Nama warna yang telah ditentukan
- Nilai RGB
- Nilai RGBA
- Nilai HSL
- Nilai HSLA
- Nilai HEX
Di CSS, warna dapat ditentukan dengan menggunakan nama warna yang telah ditentukan:
Dan masih banyak lagi.
Di CSS, warna dapat ditentukan sebagai nilai RGB, menggunakan rumus ini:
rgb(red, green, blue)
Setiap parameter (red, green, blue) mendefinisikan intensitas warna antara 0 dan 255.
Contoh:
Sama seperti RGB, hanya saja di RGBA, kita dapat menambahkan properti alpha (opacity).
rgba(red, green, blue, alpha)
Parameter alpha adalah angka antara 0.0 (sepenuhnya transparan) dan 1.0 (tidak transparan sama sekali):
Contoh:
Di CSS, warna dapat ditentukan menggunakan hue, saturation, dan lightness (HSL) dalam bentuk:
hsl(hue, saturation, lightness)
Contoh:
Sama seperti HSL, hanya saja di HSLA, kita dapat menambahkan properti alpha (opacity).
hsla(hue, saturation, lightness, alpha)
Parameter alpha adalah angka antara 0.0 (sepenuhnya transparan) dan 1.0 (tidak transparan sama sekali):
Contoh:
Warna heksadesimal ditentukan dengan: #RRGGBB, di mana bilangan bulat heksadesimal RR (merah), GG (hijau) dan BB (biru) menentukan komponen warna.
#rrggbb
Contoh: