Renk dönüştürücü
Renkleri HEX, RGB ve HSL arasında canlı önizlemeyle dönüştürün.
İlgili araçlar
Renk dönüştürücü nasıl kullanılır
- 01
Bir rengi HEX olarak girin, örneğin #ff8800.
- 02
Anında RGB ve HSL'ye dönüştürülmüş halini görün.
- 03
İhtiyacınız olan biçimi kopyalayın.
Ne işe yarar
Bu, web ve tasarım işleri için bir renk dönüştürücüdür; bir rengi en çok kullandığın üç biçim arasında çevirir: HEX, RGB ve HSL, üstelik canlı bir renk örneğiyle, böylece tam olarak neyle çalıştığını görürsün.
Tasarımla kod arasındaki gündelik bağdır: bir maketteki marka rengini bir CSS değişkenine uydurmak, bir tasarımcının sana bir biçimde verdiği değeri çerçevenin istediği biçime çevirmek ya da üzerine gelme durumu için biraz daha açık bir ton bulmak.
Her şey tarayıcında çalışır, bu yüzden anlıktır ve girdiğin hiçbir şey hiçbir yere gönderilmez.
Biçimler arasındaki fark
Her biçim aynı rengi farklı biçimde tanımlar. HEX (örneğin #ff8800) CSS ve HTML boyunca kullanılan derli toplu biçimdir. RGB kırmızı, yeşil ve mavi kanalları doğrudan belirtir; ekranların ve canvas gibi kodların rengi düşünme biçimi budur. HSL ise tonu, doygunluğu ve açıklığı tanımlar ve bir rengi biraz oynatmak istediğinde çok daha sezgiseldir: onu çember üzerinde kaydırmak için tonu, elle yeni bir kod seçmeden koyulaştırmak için açıklığı değiştir.
Dönüşüm nasıl çalışır
Bir HEX değeri gir, RGB ve HSL karşılıkları anında güncellensin; böylece önündeki aracın ya da kod tabanının beklediği biçimi alabilirsin.
Henüz kapsanmayanlar
Şimdilik araç HEX, RGB ve HSL biçimlerindeki donuk renklere odaklanıyor; alfa (saydamlık) desteği henüz dahil değil.
Sıkça sorulan sorular
Hangi biçimler destekleniyor?
HEX (#rgb veya #rrggbb), RGB ve HSL. Bir HEX değeri girin, diğerleri canlı güncellenir.
Alfa / saydamlık destekliyor musunuz?
Henüz değil. Bu araç opak HEX, RGB ve HSL'ye odaklanır. Alfa desteği daha sonra eklenebilir.