Langsung ke pemilih warna

Konverter OKLab ke LCH

Tempel nilai OKLab, langsung dapat LCH. Format lain juga bisa.

Dibaca sebagai OKLab

Nilai LCHlch(61.03 84.67 41.37)
LCH ke OKLab

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh OKLab ke LCH

WarnaOKLabLCH
oklab(62.796% 0.22486 0.12585)lch(54.29 106.84 40.86)
oklab(86.644% -0.23389 0.1795)lch(87.82 113.33 134.38)
oklab(45.201% -0.03246 -0.31153)lch(29.57 131.2 301.36)
oklab(100% 0 0)lch(100 0 0)
oklab(0% 0 0)lch(0 0 0)
oklab(59.987% 0 0)lch(53.59 0 0)
oklab(68.036% 0.17474 0.1165)lch(61.03 84.67 41.37)
oklab(62.308% -0.03325 -0.18505)lch(54.62 66.37 277.59)
oklab(69.587% -0.14216 0.04488)lch(66.69 53.46 161.39)
oklab(76.859% 0.0561 0.15481)lch(72.79 80.1 70.35)
oklab(60.563% 0.08454 -0.20193)lch(50.69 85.19 302.56)
oklab(65.592% 0.21073 -0.021)lch(57.31 68.24 354.01)

Tentang OKLab dan LCH

OKLab adalah ruang warna perseptual modern dari tahun 2020. Langkah yang sama terlihat sama bagi mata, sehingga gradien dan campuran warna lebih bersih daripada di RGB atau HSL.

CIE LCH adalah Lab dalam bentuk polar: kecerahan, kroma, dan rona. Lebih mudah dipahami daripada Lab dan didukung di CSS sebagai lch().

Cara kerja konversinya

Kami membaca nilai OKLab, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke LCH. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.

Tanya jawab

Bagaimana cara mengonversi OKLab ke LCH?

Tempel atau ketik nilai OKLab di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai LCH.

Apakah konversi OKLab ke LCH ini akurat?

Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.

Bisakah saya mendapatkan format lain sekaligus?

Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.

Apakah konverter ini gratis?

Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.