Colors

CSS Colors #

Apa Itu CSS Colors? #

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

Nama warna dalam CSS #

Di CSS, warna dapat ditentukan dengan menggunakan nama warna yang telah ditentukan:

Dan masih banyak lagi.

Nilai RGB #

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:

Nilai RGBA #

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:

Nilai HSL #

Di CSS, warna dapat ditentukan menggunakan hue, saturation, dan lightness (HSL) dalam bentuk:

hsl(hue, saturation, lightness)

Contoh:

Nilai HSLA #

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:

Nilai HEX #

Warna heksadesimal ditentukan dengan: #RRGGBB, di mana bilangan bulat heksadesimal RR (merah), GG (hijau) dan BB (biru) menentukan komponen warna.

#rrggbb