OKLCH'de gradyan enterpolasyonu
Formula
Daha düzgün karışımlar için L, C, H'yi RGB yerine OKLCH'de enterpolasyon yapın.
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'deki Gradyan enterpolasyonu 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ış
Algısal alanda enterpolasyon yaparak çamurlu orta noktalardan kaçının.
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 degrade enterpolasyonunu oklch'te 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.