OKLCH çevirici ve palet kurucu

OKLCH, hex, RGB ve HSL arasında çevirin ve algısal olarak eşit kalan rampalar kurun: ton dönerken açıklık ile kroma sabit tutulur. sRGB dışındaki renkler kanalları kırparak değil, kroma azaltılarak eşlenir — fark, morunuzun mor kalıp kalmadığıdır.

Hex, rgb(), hsl() ya da oklch(). 

    


    

      
OKLCH'de açıklık neden bir şey ifade eder

      
HSL'de açıklık sabitken tonu değiştirmek, rengin ne kadar parlak göründüğünü de değiştirir: %50'deki sarı, %50'deki maviden çok daha açık okunur; bu yüzden HSL rampaları ne kadar özenle aralıklandırılırsa aralıklandırılsın eşitsiz görünür. OKLab algısal verilere oturtuldu, dolayısıyla açıklık ekseni gözün bildirdiğini izler. L ile C'yi sabit tutup H'yi döndürün: her örnek aynı görsel ağırlığı taşır — paletleri HSL yerine burada kurmanın bütün sebebi budur.

      
Asıl mesele gam eşlemesi

      
Pek çok OKLCH değerinin sRGB'de karşılığı yoktur ve saf çözüm her kanalı aralığa geri sıkıştırmaktır. Bu, tonu gözle görülür biçimde kaydırır: kanal kanal kırpılan canlı bir mor maviye doğru sürüklenir. Açıklık ile tonu koruyup yalnızca kromayı azaltmak, rengi tanınabilir biçimde kendisi olarak bırakır ve yalnızca ekranın zaten gösteremeyeceği doygunluğu alır. Bu sayfa CSS Color 4'ün algoritmasını kullanır: kroma üzerinde ikili arama ve kırpılmış sonucun, azaltılmış renkten ancak fark edilebilir bir farkın içine girdiği anda kabul edilmesi.

      
Bir referansa karşı doğrulandı

      
Dönüşümler bağımsız bir uygulamayla dört bin renklik bir ızgara üzerinde karşılaştırıldı: açıklık ile kroma milyonda bire kadar, ton derecenin on binde birine kadar uyuşuyor ve her hex değeri tıpatıp geri dönüyor. Gam eşlemesi de aynı şekilde gam dışı dört yüz seksen renge karşı sınandı ve en kötü durumda 255'te bir sınırının içinde kalıyor. OKLCH okuyan biri yanlış bir matrisi fark eder; bu yüzden nasıl doğrulandığını söylemek yerinde göründü.

      
Çıktıyı kullanmak

      
Özel özellikler OKLCH ile yazılır, hex ise yanlarında yorum olarak durur; çünkü incelemede istediğiniz çift budur: derlemenizin gönderdiği değer ve başka her yere yapıştırabileceğiniz değer. Bugün kullanılan her tarayıcı OKLCH sözdizimini anlıyor; hâlâ anlamayan birini destekliyorsanız, o yorum sizin yedeğiniz.


      
SSS

      

        
Kroma neden 0,4'te sınırlı?
Çünkü sRGB'de hiçbir şey ona yaklaşmıyor. sRGB'nin en doygun rengi mavidir, 0,313 civarı; kaydırıcı bunu bilerek aşıyor ki neyin gamın dışına düştüğünü ve geri nasıl eşlendiğini görebilesiniz.

        
Burada ancak fark edilebilir fark nedir?
OKLab'da 0,02'lik bir delta E; CSS Color 4'ün kullandığı eşik. Bunun altında kırpma ile kroma azaltma ayırt edilemez, bu yüzden algoritma kırpılmış rengi alır ve fazladan kromayı korur.

        
P3 veya Rec2020 destekliyor mu?
Henüz değil. Buradaki her şey sRGB'yi hedefler; gam uyarılarının anlamı da bu. Daha geniş gamlar kendi ana renklerini ve ikinci bir matris takımını ister.

        
Bunlardan bir şey bir yere gönderiliyor mu?
Hayır. Dönüşümler bu sayfada yapılır.

      

      
GO AI ekibi tarafından yapıldı. CSS clamp() hesaplayıcı · Tüm ücretsiz araçlar