HSL'den RGB'ye dönüştürme formülü
Formula
W3C CSS Renk Modülüne göre renk ve X dengeleme formülleriyle renk tonu sektörünü (0-6) kullanı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 HSL'den RGB'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ış
CSS çıktısı için HSL silindirik koordinatlarını tekrar sRGB'ye 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 hsl'den rgb'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.