Renk Formatı Dönüştürme
HEX, RGB ve HSL renk kodlarını birbirine çevirin
Herhangi bir alana yazdığınız renk diğerlerine anında çevrilir. HEX için 3, 4, 6 ve 8 haneli (saydamlıklı) biçimler desteklenir. Bu araç JPG/CMYK dönüşümü yapmaz.
Önizleme
- Beyaz metinle kontrast
- 3.98:1
- Siyah metinle kontrast
- 5.27:1
WCAG: normal metin için en az 4,5:1.
Renk formatı dönüştürme nedir?
Web ve tasarım dünyasında aynı renk farklı biçimlerde yazılır: HEX (#1E90FF), RGB (rgb(30, 144, 255)) ve HSL (hsl(210, 100%, 56%)). Bu araç bir biçimde yazdığınız rengi diğerlerine anında çevirir.
Biçimler
- HEX: Kırmızı, yeşil ve mavi değerlerini onaltılık sistemde yazar. 3 (
#FFF), 6 ve saydamlıklı 4/8 haneli biçimler desteklenir. - RGB: Her kanal 0–255 arasındadır. Saydamlık için
rgba(…, 0.5)kullanılır. - HSL: Ton (0–360°), doygunluk ve açıklık (%). Bir rengi daha açık/koyu yapmak için en kolay biçimdir.
Nasıl kullanılır?
Herhangi bir alana renk kodunu yazın veya renk seçiciyi kullanın; diğer alanlar otomatik güncellenir. Kopyala düğmesiyle CSS'e yapıştırabilirsiniz. Önizlemenin altında beyaz ve siyah metinle kontrast oranı gösterilir; WCAG erişilebilirlik için normal metinde en az 4,5:1 önerir.
Bu araç ekran renkleri (RGB tabanlı) içindir; baskı için CMYK veya JPG görsel dönüşümü yapmaz.
Sıkça Sorulan Sorular
Araç ücretsiz mi?
Evet, tamamen ücretsizdir ve kullanım sınırı yoktur. Dönüşüm tarayıcınızda yapılır.
RGB'yi HEX'e nasıl çeviririm?
RGB alanına rgb(30, 144, 255) veya yalnızca 30 144 255 yazın; HEX alanında #1E90FF görünür.
Saydamlık destekleniyor mu?
Evet. Alfa kaydırıcısıyla veya rgba(), hsla(), #RRGGBBAA biçimleriyle saydamlık verebilirsiniz.
Neden HSL'de küçük farklar oluyor?
HSL değerleri tam sayıya yuvarlanır; bu nedenle HSL'den geri dönüşte ±1 kanal farkı olabilir.
CMYK destekleniyor mu?
Hayır. Araç ekran tabanlı HEX, RGB ve HSL biçimleri içindir.