Model warna OKLCH , yang dipromosikan sebagai solusi seragam perseptual untuk desain web, menghadapi kritik teknis yang signifikan dari para pengembang yang telah menemukan keterbatasan besar dalam implementasi praktisnya. Meskipun model warna ini menjanjikan manipulasi warna yang lebih mudah dan kecerahan yang konsisten di berbagai rona, diskusi komunitas mengungkap kelemahan serius yang mempertanyakan kesiapannya untuk adopsi yang luas.
 |
|---|
| Slide ini mengilustrasikan konsep model warna OKLCH dan manfaat yang dimaksudkan, menjadi dasar untuk kritik berikutnya tentang implementasi praktisnya |
Masalah Gradien Mengekspos Kelemahan Fundamental
Masalah paling signifikan berpusat pada perilaku gradien OKLCH , yang menghasilkan hasil yang tidak terduga dan seringkali tidak dapat digunakan. Tidak seperti gradien RGB tradisional yang melakukan interpolasi antara warna dengan cara yang dapat diprediksi, gradien OKLCH dapat menjelajah jauh di luar rentang warna yang dapat ditampilkan oleh layar mana pun, atau bahkan yang dapat dipersepsikan manusia. Hal ini terjadi karena OKLCH menggunakan koordinat polar, di mana komponen rona mewakili sudut di sekitar roda warna, yang menyebabkan gradien mengambil jalan yang panjang mengelilingi spektrum warna.
Masalah ini menjadi sangat parah ketika membuat gradien antara warna-warna yang kontras. Alih-alih menghasilkan transisi yang halus, OKLCH dapat menghasilkan warna yang secara matematis valid tetapi secara fisik tidak mungkin untuk ditampilkan, memaksa browser untuk mengompresi warna-warna di luar gamut ini kembali ke rentang yang dapat ditampilkan. Kompresi ini merusak keseragaman perseptual yang dirancang untuk disediakan oleh OKLCH .
Metode Interpolasi Gradien
- OKLCH: Melakukan interpolasi di sekitar tepi roda warna, dapat keluar dari gamut yang dapat ditampilkan
- Oklab: Melakukan interpolasi dalam garis lurus melalui ruang warna, lebih aman untuk penggunaan praktis
- sRGB: Interpolasi RGB tradisional, dapat menghasilkan titik tengah yang keruh
- OKLCH longer hue: Metode OKLCH alternatif yang bergerak ke arah berlawanan mengelilingi roda warna
Keterbatasan Perangkat Keras Menciptakan Hambatan Praktis
Bahkan dengan teknologi tampilan canggih seperti monitor DCI-P3 , masalah fundamental tetap ada. Warna-warna yang dapat dispesifikasi oleh OKLCH seringkali melampaui apa yang dapat direproduksi oleh teknologi tampilan saat ini atau yang dapat diramalkan. Beberapa gradien meminta warna yang dua kali lebih cerah dari yang secara fisik mungkin, menciptakan kesenjangan antara kemampuan teoretis model warna dan aplikasi dunia nyata.
Keterbatasan ini mempengaruhi lebih dari sekadar kasus-kasus ekstrem. Bahkan kombinasi warna yang tampaknya masuk akal dapat menghasilkan gradien dengan variasi kecerahan yang signifikan dan pergeseran warna yang merusak janji inti model tentang keseragaman perseptual.
Kompleksitas Chroma Membingungkan Desainer
Tidak seperti model HSL yang familiar di mana desainer terutama fokus pada kecerahan dan saturasi, OKLCH mendorong komponen chroma ke batas teknis sambil membuat penyesuaian yang tidak terduga pada nilai rona. Pendekatan ini menciptakan kebingungan bagi desainer yang tidak memiliki pemahaman intuitif tentang bagaimana chroma berperilaku di berbagai rentang warna.
Kita tidak memahami Chroma secara intuitif. Saya menunggu OKHSL di mana penyesuaiannya akan jauh lebih kecil dan tidak mengarah pada perubahan maksud yang absurd.
Nilai chroma maksimum bervariasi secara signifikan tergantung pada rona dan kecerahan, menciptakan lingkungan kerja yang tidak konsisten yang memerlukan pengetahuan teori warna yang luas untuk dinavigasi secara efektif.
Perbandingan Struktur OKLCH
| Komponen | Rentang | Deskripsi |
|---|---|---|
| Lightness | 0-1 atau 0%-100% | Langkah yang sama terasa seperti perubahan kecerahan yang sama |
| Chroma | Bervariasi | Mengontrol intensitas warna, mirip dengan saturasi |
| Hue | 0-360 derajat | Mengontrol sudut hue di sekitar roda warna |
vs Struktur HSL:
| Komponen | Rentang | Deskripsi |
|---|---|---|
| Hue | 0-360 derajat | Posisi warna pada roda |
| Saturation | 0%-100% | Intensitas warna |
| Lightness | 0%-100% | Tingkat kecerahan |
Industri Mencari Solusi Alternatif
Tantangan dengan OKLCH telah membuat beberapa pihak di industri mengeksplorasi alternatif. Tailwind CSS , sebuah framework web populer, awalnya mengadopsi OKLCH untuk interpolasi gradien selama periode beta versi 4 tetapi akhirnya beralih ke Oklab sebagai default yang lebih aman sebelum rilis. Oklab menyediakan banyak manfaat perseptual dari OKLCH sambil menghindari masalah gradien ekstrem dengan melakukan interpolasi dalam garis lurus daripada mengelilingi roda warna.
Pengembang juga menyerukan pengembangan OKHSL , yang akan mempertahankan antarmuka HSL yang familiar sambil menggabungkan perbaikan perseptual dari keluarga ruang warna OK . Ini akan menyediakan lingkungan kerja yang lebih intuitif bagi desainer sambil mempertahankan keunggulan teknis dari ruang warna yang seragam secara perseptual.
Diskusi yang sedang berlangsung menyoroti tantangan menyeimbangkan perbaikan sains warna teoretis dengan kegunaan praktis dalam alur kerja desain dunia nyata.
Referensi: What are OKLCH colors?