Ruang Warna Modern: oklch(), color-mix() & Display-P3

Hasilkan gradien cerah tanpa zona abu-abu kusam dan akses warna-warna cerah gamut lebar pada layar Retina modern menggunakan fungsi oklch().

Format sRGB konvensional terbatas dalam merepresentasikan kecerahan alami mata manusia. Format oklch(L C H) dirancang secara perceptual linear, menjamin lightness yang konsisten di semua rona.

:root {
  /* OKLCH: Lightness (0-1), Chroma (kejenuhan), Hue (sudut 0-360) */
  --vibrant-orange: oklch(0.68 0.19 45);
  
  /* Mencampur dua warna secara native */
  --tint-lembut: color-mix(in oklch, var(--vibrant-orange) 20%, white);
}