Color Converter
HEX RGB HSL conversion
HEX RGB HSL conversion Tarayıcınızda yerel olarak çalışır
#2563eb
rgb(37, 99, 235)
hsl(221, 83%, 53%)
About the
Renk Dönüştürücü, tek bir rengi HEX, RGB, HSL ve HSV arasında çevirir ve WCAG kontrast oranını siyah beyaza karşı gösterir, böylece o renkteki metnin okunabilir olup olmadığını hemen görebilirsiniz. HEX ve RGB, araçlar arasında kopyaladığınız formatlardır, ancak HSL aslında tasarım çalışmaları için yararlı olan formattır: tonu açıklıktan ayırır, böylece saf RGB matematiğinin yaptığı gibi griye doğru kaymak yerine aynı tonu koruyan bir renk tonu veya gölge üretebilirsiniz. Sekiz basamaklı hex ve rgba değerleri bir alfa kanalı taşır ve dönüştürücü bunları da yönetir.
Where people use the
- Bir marka onaltılık değerini bir tasarım aracının beklediği RGB sözdizimine dönüştürmek.
- HSL kullanarak tek bir marka renk tonundan tutarlı bir renk tonu seti üretmek.
- Bir bağlantı renginin koyu arka planda okunabilir olup olmadığı kontrol ediliyor.
- Ekran görüntüsünden seçilen bir rengin en yakın onaltılık değerle eşleştirilmesi.
How to use the
- 1
Rengi herhangi bir formatta girin
2f6fed gibi bir onaltılık değer veya rgb veya hsl işlevi yapıştırın veya seçiciyi kullanın. Diğer formatlar siz yazdıkça güncellenir.
- 2
Tüm temsilleri aynı anda okuyun
Hex, RGB, HSL ve HSV, alfa kanalı ayrılmış şekilde birlikte gösterilir.
- 3
Kontrast oranlarını kontrol edin
Siyah ve beyaza karşı oranlar, rengin metin rengi olarak mı yoksa arka plan olarak mı kullanılabileceğini gösterir. Gövde metninin 4,5'e 1, büyük metin ve arayüz kenarlıklarının ise 3'e 1 olması gerekir.
- 4
Kodunuzun ihtiyaç duyduğu formu kopyalayın
Her alanın kendi kopyalama düğmesi vardır, böylece elle yeniden biçimlendirmek yerine stil sayfanızın beklediği sözdizimini tam olarak elde edersiniz.
İpuçları ve en iyi uygulamalar
- RGB'ye beyaz veya siyah eklemek yerine HSL'de açıklığı ayarlayın; renk tonu bozulmadan kalır.
- Kontrastı başlık boyutunda değil, metnin gerçekte kullanılacağı en küçük boyutta test edin.
- Her bileşen için yeni bir tane icat etmek yerine, beş veya altı değerden oluşan belgelenmiş bir palet bulundurun.
Sık sorulan sorular
Onaltılı renk RGB'ye nasıl dönüştürülür?
Her onaltılık rakam çifti bir kanaldır ve 16 tabanı olarak okunur. 2f6fed'de 2f 47 kırmızı, 6f 111 yeşil ve ed 237 mavidir. f0a gibi üç basamaklı bir kısaltma her basamağı ikiye katlar, dolayısıyla ff00aa olur.
HSL hafifliği neden algılanan parlaklıkla aynı değil?
Çünkü göz yeşile maviye göre çok daha duyarlıdır. Saf mavi ve saf sarı aynı parlaklık değerini paylaşabilirken, sarı çok daha parlak görünür. Bu nedenle kontrastın HSL numarasına göre karar vermek yerine parlaklık formülüyle ölçülmesi gerekir.
Onaltılı renkteki dördüncü rakam çifti ne anlama geliyor?
Alfa, 00'dan tamamen şeffaftan ff'ye kadar tamamen opak. Sekiz basamaklı hex, mevcut tüm tarayıcılarda desteklenir ve rgba'nın hex eşdeğeridir.
CMYK dönüşümü baskı için doğru mu?
Hayır ve hiçbir tarayıcı aracı olamaz. CMYK mürekkebe, kağıda ve yazıcı profiline bağlıdır. Bu değeri bir başlangıç noktası olarak kullanın ve önemli olan her şey için baskı tedarikçinizin ICC profilini kullanarak dönüşüm yapın.
Renkli bir arka plan için okunabilir metni nasıl seçerim?
Metin rengi ile arka plan arasındaki kontrast oranını karşılaştırın. Ne siyah ne de beyaz 4,5'e 1'e ulaşmıyorsa, arka plan gövde metni için fazla doygundur ve kopyanın arkasında kullanılmadan önce koyulaştırılması veya açıklaştırılması gerekir.
Aynı altıgen neden iki ekranda farklı görünüyor?
Çünkü ekranlar gam, kalibrasyon ve parlaklık bakımından farklılık gösterir. Geniş gamlı ekran, standart bir sRGB panelinin üretemeyeceği doygun renkleri gösterir. Özel bir nedeniniz olmadığı sürece sRGB'de çalışın.