OKLCH di CSS: alasan kami beralih dari RGB/HSL

• OKLCH adalah metode deklarasi warna baru yang ditambahkan ke spesifikasi CSS Color Module 4
  → oklch(45% 0.26 264 / 50%): (Lightness Chroma Hue / Opacity)
• Kelebihan OKLCH
  • Lebih mudah dibaca dibanding rgb/hex. Mirip dengan hsl, tetapi mengodekan kecerahan dengan lebih baik
  • Tidak seperti hsl, menggunakan kecerahan yang bersifat perceptual, sehingga kontras lebih mudah diprediksi
  • Dapat digunakan untuk warna wide-gamut P3 (saat menampilkan lebih banyak warna daripada monitor sRGB, seperti pada perangkat Apple)

Daftar isi

1. Bagaimana CSS Color telah berubah
2. Perbandingan OKLCH dengan format CSS Color lainnya
3. Bagaimana OKLCH bekerja
4. Cara menambahkan OKLCH ke proyek
5. Alasan kami beralih ke OKLCH
   • Peningkatan keterbacaan
   • Perubahan warna yang mudah
   • Dukungan warna P3
   • Komunikasi yang lebih baik dengan tim desain
   • Siap untuk masa depan