0

Hasil Encode

Warna Oklch

Tentang warna Oklch

Warna Oklch adalah ruang warna berbasis persepsi yang merepresentasikan warna dengan lightness, chroma, dan hue. Oklch memakai gagasan yang sama dengan Oklab, tetapi menyatakan warna dengan chroma dan sudut sehingga kekuatan warna dan hue lebih mudah diatur secara terpisah.

KomponenArtiContoh nilai
L: LightnessMenunjukkan kecerahan warna. 0% adalah hitam dan 100% adalah putih.60%
C: ChromaMenunjukkan kekuatan warna. 0 berarti akromatik, dan nilai yang lebih besar menghasilkan warna lebih cerah.0.2
H: HueMenunjukkan hue sebagai sudut.90deg

Misalnya, warna utama seperti merah dapat ditampilkan sebagai berikut.

WarnaOklch notasiNotasi RGB
Merahoklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Hijauoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Limeoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Biruoklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Putihoklch(100% 0 0deg)rgb(255 255 255)
Hitamoklch(0% 0 0deg)rgb(0 0 0)

Untuk menyertakan transparansi, tambahkan nilai alfa. Misalnya, merah semi-transparan dapat ditulis sebagai oklch(62.8% 0.2577 29.23deg / 0.5).

Penanganan lightness, chroma, dan hue

Menunjukkan kecerahan warna. 0% adalah hitam dan 100% adalah putih Nilai di bawah 0% diperlakukan sebagai 0%, dan di atas 100% dibatasi ke 100%.

Menunjukkan kekuatan warna. 0 berarti akromatik, dan nilai yang lebih besar menghasilkan warna lebih cerah. Chroma negatif diperlakukan sebagai 0. Jika chroma 0, warna menjadi akromatik dan hue diperlakukan sebagai 0deg.

Hue diperlakukan sebagai sudut. oklch(62.8% 0.2577 389.23deg) diperlakukan sebagai warna yang sama dengan oklch(62.8% 0.2577 29.23deg).

Perbedaan antara Oklch dan Oklab

Oklab merepresentasikan warna dengan koordinat persegi a dan b. Oklch mengubah warna tersebut menjadi chroma dan hue.

Perbedaan antara Oklch dan LCH

Oklch dirancang agar perubahan visual lebih seragam daripada LCH saat hue atau chroma berubah.