Skip to content

Latest commit

 

History

History
77 lines (42 loc) · 1.63 KB

README.md

File metadata and controls

77 lines (42 loc) · 1.63 KB

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:

colors-name

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:

rgb-colors

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:

rgba-colors

Nilai HSL

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

hsl(hue, saturation, lightness)

Contoh:

hsl-colors

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:

hsla-colors

Nilai HEX

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

#rrggbb

Contoh:

hex-colors