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.
Tailwind çıktısı sunan CSS gradyan oluşturucu. Doğrusal ve radyal gradyanları görsel olarak tasarlayın, üretime hazır CSS veya Tailwind sınıflarını kopyalayın.
Aracı AçYükleme sınırı olmayan ücretsiz çevrimiçi görsel sıkıştırıcı. Ayarlanabilir kalite, yeniden boyutlandırma ve format dönüştürmeyle dosya boyutunu küçültün. Görseller cihazınızdan çıkmaz.
Aracı AçCanlı Google SERP ve sosyal medya kartı önizlemeleriyle çalışan çevrimiçi SEO meta etiket oluşturucu. Yapıştırmaya hazır HTML ve Open Graph etiketleri üretir.
Aracı Aç