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.
Görsel olarak güzel CSS gradyanları oluşturun ve anında CSS & Tailwind kodu alın.
Aracı AçGörselleri çevrimiçi sıkıştırın ve optimize edin. Ayarlanabilir kalite, yeniden boyutlandırma ve format dönüştürme ile dosya boyutunu küçültün.
Aracı AçCanlı Google SERP ve sosyal medya kartı önizlemeleriyle SEO meta etiketleri oluşturun.
Aracı Aç