Görsel
HEX, RGB ve HSL Renk Dönüştürme
HEX, RGB ve HSL renk değerlerini birbirine çevir.
RGB: 25, 184, 95HSL: 146°, 76%, 41%
✓ İşlemler tarayıcında gerçekleşir; dosyaların cihazından çıkmaz.
HEX, RGB ve HSL Renk Dönüştürme ne işe yarar?
Web tasarımında aynı renk farklı sistemlerle ifade edilebilir. HEX kodu CSS içinde pratikken RGB şeffaflık ve kanal değerleriyle, HSL ise ton, doygunluk ve aydınlıkla çalışır. Technokurt Renk Dönüştür aracı, bir HEX kodundan RGB ve HSL karşılığını çıkararak tasarım kararlarını hızlandırır.
Marka renklerini CSS’e aktarmak, tasarım dosyasındaki rengi geliştiriciye iletmek veya açık-koyu varyasyonlar planlamak için kullanılır. Renkleri farklı ekranlarda ve erişilebilirlik koşullarında test etmek, yalnızca kodu bilmekten daha önemlidir.
Nasıl kullanılır?
- Renk Dönüştür sayfasını aç ve HEX alanına kodu yaz.
- Başında # bulunan altı veya üç karakterli kodu kontrol et.
- Sonuç alanında RGB ve HSL karşılıklarını incele.
- İhtiyaç duyduğun değeri CSS, tasarım veya dokümana kopyala.
- Renk kontrastını gerçek arayüz üzerinde test et.
İpucu: HEX kodlarında yalnızca 0-9 ve A-F karakterleri kullanılır. Üç karakterli kısa kodlar altı karakterli karşılığa genişletilebilir. Metin ve arka plan renklerinde erişilebilir kontrastı kontrol etmek, görsel uyum kadar önemlidir.
Detaylı kullanım rehberini oku ↗