CSS Colors

CSS memungkinkan Anda untuk memberikan warna pada berbagai elemen HTML. Ada beberapa cara untuk mendefinisikan warna di CSS.

Jenis-Jenis Penulisan Warna

1. Nama Warna

CSS mendukung lebih dari 140 nama warna yang sudah didefinisikan sebelumnya.

p {
  color: red;
}

2. Hexadecimal (HEX)

Hexadecimal adalah cara lain untuk mendefinisikan warna dengan menggunakan nilai 6 digit yang dimulai dengan tanda #.

h1 {
  color: #008CBA;
}

3. RGB (Red, Green, Blue)

RGB menggunakan nilai angka untuk menentukan intensitas warna merah, hijau, dan biru.

h2 {
  color: rgb(0, 128, 0);
}

4. RGBA (Red, Green, Blue, Alpha)

RGBA adalah varian dari RGB yang menambahkan komponen alpha untuk menentukan tingkat transparansi (0 adalah transparan, 1 adalah tidak transparan).

h3 {
  color: rgba(255, 0, 0, 0.5);
}

5. HSL (Hue, Saturation, Lightness)

HSL menggunakan tiga komponen untuk mendefinisikan warna: hue (warna), saturation (kejenuhan), dan lightness (kecerahan).

h4 {
  color: hsl(120, 100%, 50%);
}

6. HSLA (Hue, Saturation, Lightness, Alpha)

HSLA adalah varian dari HSL dengan penambahan nilai alpha untuk transparansi.

h5 {
  color: hsla(120, 100%, 50%, 0.3);
}

Ringkasan Cara Menulis Warna