OKLCH renk formülüne genel bakış
Formula
css: oklch(LCH) — L in 0–1 veya %, C kroma, H renk tonu açısı.
Variables
- R, G, B
- sRGB kanalları (0–255 veya 0–1 normalleştirilmiş)
- H, S, L
- HSL'de renk tonu (derece), doygunluk ve açıklık (0–1)
- L
- HSL/OKLCH'de bağıl parlaklık (WCAG) veya açıklık
FAQ
- OKLCH renk formülüne genel bakış, yazdırma iş akışları için doğru mu?
- Ekran RGB ve baskı CMYK'si farklı gamlar kullanır. Dönüşümleri yaklaşık kanıtlar olarak ele alın; ticari baskı için ICC profilleriyle kalibre edin.
- Bu formülü CSS'de kullanabilir miyim?
- Modern CSS birçok işlem için color-mix(), oklch() ve lab()'ı destekler. Karmaşık işlem hatları için JavaScript'te hesaplama yapın ve CSS değişkenlerini dışa aktarın.
- Color DevByte renklerimi yüklüyor mu?
- Hayır. Formül referans sayfaları statik belgelerdir; etkileşimli araçlar tarayıcınızda %100 istemci tarafında çalışır.
Genel Bakış
Modern algısal uzay: OKLab silindirik formunda hafiflik, renk, renk tonu.
Color DevByte, bir sunucuya veri göndermeden tekrarlanabilir renk matematiğine ihtiyaç duyan geliştiriciler, tasarımcılar ve erişilebilirlik incelemecileri için bu formülü belgeliyor.
Bu formülü canlı önizleme ve çok formatlı dışa aktarma ile etkileşimli olarak uygulamak için bağlantılı renk araçlarını kullanın.
Bu formülü ne zaman kullanmalı?
Tasarım belirteçleri oluştururken, WCAG kontrastını doğrularken veya CSS, Tailwind veya tasarım sistemi JSON'da renk ardışık düzenlerini otomatikleştirirken oklch renk formülüne genel bakışı uygulayın.
Üretim kullanıcı arayüzü için sonuçları her zaman bir kontrast denetleyici veya görsel ön izleme ile doğrulayın; gama düzeltme ve gam eşlemedeki uç durumlar sonuçları değiştirebilir.
Uygulama notları
Tarayıcı tabanlı araçlar, parlaklık veya ΔE hesaplamalarından önce sRGB'yi doğrusallaştırmalıdır.
RGB karışımlarında yaygın olarak görülen grimsi orta noktaları önlemek amacıyla degradeler ve temalar için OKLCH veya LAB enterpolasyonunu tercih edin.