Menulis Warna: hex, rgb, dan hsl

CSS menerima warna dalam beberapa notasi. Hex (#2563eb) paling sering kamu temui karena itulah yang diberikan berkas desain. rgb() menuliskan komponen merah, hijau, biru dari 0–255, dan versi empat nilainya menambahkan transparansi: rgb(0 0 0 / 0.5) berarti hitam setengah tembus pandang. hsl() memakai rona, kejenuhan, dan kecerahan — jauh lebih mudah kalau kamu ingin membuat versi lebih terang atau lebih gelap dari warna yang sama, cukup ubah angka ketiganya. Hindari mengatur transparansi lewat properti opacity bila kamu hanya ingin latarnya tembus pandang, karena opacity ikut membuat teks di dalamnya pudar.

/* tiga notasi, warna yang sama persis */
.a { color: #2563eb; }
.b { color: rgb(37 99 235); }
.c { color: hsl(221 83% 53%); }