Warna membentuk identitas visual dan harus tetap terbaca oleh semua pengguna. Section ini membahas sintaks warna modern, latar belakang berlapis, gradients, opacity, blending, serta cara menjaga kontras warna yang layak diakses.

# Color Syntax

Kenali berbagai cara menulis nilai warna di CSS: named colors, hex, rgb(), hsl(), hingga oklch().

Buka → # Background Color

Berikan warna latar pada elemen dan atur luas area catnya dengan background-clip.

Buka → # Background Images

Tempelkan gambar pada latar elemen, lalu atur ukuran, pengulangan, dan posisinya.

Buka → # Gradients

Buat latar bertingkat dengan linear-gradient, radial-gradient, dan conic-gradient.

Buka → # Multiple Backgrounds

Tumpuk beberapa latar pada satu elemen, pahami urutan layer, dan kendalikan shorthand background.

Buka → # Opacity

Atur transparansi seluruh elemen dengan opacity dan bedakan dengan kanal alpha pada warna.

Buka → # Blending

Campur warna elemen dengan latarnya menggunakan mix-blend-mode dan background-blend-mode.

Buka → # Color Contrast

Jaga keterbacaan teks dengan menghitung dan menguji rasio kontras WCAG.

Buka →