RGB'den HSL'ye dönüştürme formülü
Formula
R,G,B'yi 0-1'e normalleştirin, min/maks'ı bulun, L ve S'yi türetin, baskın kanaldan H'yi hesaplayı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
- Yazdırma iş akışları için RGB'den HSL'ye dönüştürme formülü 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ış
Sezgisel tema düzenleme için sRGB değerlerini renk tonuna, doygunluğa ve açıklığa dönüştürü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 rgb'den hsl'ye dönüştürme formülünü 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.