HEX <-> RGB <-> HSL Renk Çevirici
HEX, RGB ve HSL renk değerlerini birbirine dönüştürün. Ekran, profil ve renk yönetimi farkları nedeniyle çıktıyı hedef tasarım aracında kontrol edin.
Bu aracın ana girdisi tarayıcınızda işlenir ve harici API’ye gönderilmez. Yazı tipi ve arayüz dosyaları harici sağlayıcılardan yüklenebilir.
HEX <-> RGB <-> HSL Renk Çevirici
Renk dönüştürücü, aynı dijital rengi HEX, RGB ve HSL gibi yaygın gösterimler arasında taşır. Tasarım tokenı, CSS değişkeni veya prototip hazırlarken gereken biçimi hızlıca bulabilirsiniz.
Renk kodu dönüşümü ekran kalibrasyonunu veya renk profilini değiştirmez. Marka rengi ve erişilebilirlik gibi önemli kullanımda hedef cihaz ve kontrastı ayrıca sınayın.
Hangi durumlarda kullanılır?
- Tasarım dosyasındaki HEX değerini CSS için RGB'ye çevirmek.
- Ton ve doygunluğu daha sezgisel HSL bileşenleriyle ayarlamak.
Nasıl kullanılır?
- Desteklenen biçimdeki renk değerini girin.
- Karşılık gelen diğer renk gösterimlerini inceleyin.
- Kullanacağınız CSS veya tasarım sistemine uygun değeri kopyalayın.
Örnek
Girdi: #336699
Çıktı: rgb(51, 102, 153) · hsl(210, 50%, 40%)
Kimler için?
- UI ve web tasarımcıları
- CSS geliştiricileri
- Marka renk paletiyle çalışan ekipler
Gizlilik ve sınırlar
Renk dönüşümü tarayıcıda hesaplanır; girdi bir API’ye gönderilmez.
Sık sorulan sorular
HEX ile RGB aynı rengi gösterir mi?
Geçerli ve aynı kanalları temsil eden değerler ekran renk modelinde aynı rengi tarif eder; profil ve ekran kalibrasyonu görünümü etkileyebilir.
HSL tasarımda ne sağlar?
Ton, doygunluk ve açıklığı ayrı bileşenler olarak görmeyi sağlar; renk üzerinde sezgisel ayar yapmayı kolaylaştırır.
Alpha veya saydamlık da çevrilir mi?
Aracın alanlarında görünen biçimleri kontrol edin. Saydamlık kullanılan RGB/HEX uzantıları her hedef sistemde aynı desteklenmeyebilir.
Bu değer erişilebilir kontrastı garanti eder mi?
Hayır. Dönüşüm yalnız biçimi değiştirir. Metin ve arka plan çiftini kontrast aracıyla ayrıca değerlendirin.