Renk tonu ve gölge oluşturma
Formula
Renk tonları için HSL/OKLCH'de L'yi artırın; Gölgeler için L'yi azaltı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 Renk Tonu ve gölge oluşturma 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ış
Tonu korurken tohum rengini açın veya koyulaş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 renk tonu ve gölge oluşturmayı 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.