Canlı önizleme ve CSS çıktısı ile HEX, RGB ve HSL formatları arasında renk dönüştürün.
Renk seçin
HEX (#FF0000), RGB (rgb(255, 0, 0)) veya HSL (hsl(0, 100%, 50%)) formatında herhangi bir renk yazın. Ya da renk seçiciyi kullanın.
Araç, renginizi anında HEX, RGB ve HSL formatlarında CSS değişkeni ve Tailwind sınıf çıktısıyla birlikte gösterir.
Herhangi bir formatın yanındaki Kopyala düğmesine tıklayarak panoya kopyalayın.
HEX (#RGB, #RRGGBB), RGB (rgb(R, G, B)) ve HSL (hsl(H, S%, L%)). Ayrıca '255, 0, 0' gibi virgülle ayrılmış düz RGB değerleri de girebilirsiniz.
HSL, Ton (Hue), Doygunluk (Saturation), Açıklık (Lightness) anlamına gelir. Ton renk açısı (0-360°), Doygunluk yoğunluk (0-100%) ve Açıklık ne kadar açık veya koyu olduğudur (0-100%). Daha sezgisel bir renk modelidir.
Tailwind çıktısı, bg-[#E91E8C] gibi özel renkler için doğrudan Tailwind CSS projelerinizde kullanabileceğiniz rastgele değer sınıfı verir.
Evet. Renk seçici, tarayıcınızın yerel renk girişini kullanır ve doğru HEX renk değerleri sağlar. Bunları daha sonra diğer tüm formatlara dönüştürürüz.
Ton ve doygunluğu tam sayıya yuvarlamak rengi biraz kaydırır. Bir ondalık bırakmak, kopyaladığınız HSL değerinin aynı HEX'e geri dönmesini sağlar.
Evet. Üç ve altı basamaklı hex çalışır; dört ve sekiz basamaklı hex ise alfa kanallı hex olarak okunur.
RGBA değerini üretir. Alfa saydamlıktır: 1 tamamen opak, 0 tamamen saydam demektir.
Sabit marka renkleri için HEX, tek bir sayıyı değiştirerek açık ve koyu varyantlar üretmek için HSL, saydamlık gerektiğinde RGBA.
Herhangi bir renk çiftini WCAG AA ve AAA'ya göre kontrol edin, başarısızsa düzeltme önerisi alın.
Aracı AçTek bir hex değerini Tailwind v4, v3 veya CSS değişkenleri için 50-950 skalasına çevirin.
Aracı AçBir görselin baskın renklerini hex, HSL ve oranlarıyla çıkarın.
Aracı Aç