HEX veya RGB’den HSL’ye renk dönüştürme

Desteklenen kaynak biçimi seçin

HEX / RGB / HSL Renk Dönüştürücü, opak üç veya altı haneli HEX ve tam sayılı rgb(r, g, b) girdisi kabul eder. HEX, RGB ve HSL sonuçlarını verir. Adında üç biçim geçse de HSL girdisini ters dönüşüm için kabul etmez. #ff0000 veya rgb(255, 0, 0) gibi desteklenen değerle başlayın. Araç sayısal renk dönüşümü yapar; görselden damlalıkla renk seçmez, renk profili dönüştürmez ve palet çıkarmaz.

Basit bir kırmızı örneği uygulayın

Aracı açıp Girdi’ye #ff0000 yazın ve Uygula’ya basın. Sonuç #ff0000, rgb(255, 0, 0) ve hsl(0, 100.0%, 50.0%) satırlarını içerir. Önizleme girilen rengi gösterir. Kısa HEX #f00 da aynı sonucu verir. Tek değer isteyen alana üç satırı birden yapıştırmak yerine alıcı düzenleyicinin istediği gösterimi seçin. Girdiyi değiştirmek eski sonucu ve önizlemeyi temizler; yeniden uygulayın.

Hata aramadan önce sözdizimini kontrol edin

0–255 arası tam sayılardan oluşan virgüllü RGB kullanın. Ayrıştırıcı yüzde kanalları, boşlukla ayrılmış RGB, renk adı, rgba şeffaflığı veya dört/sekiz haneli HEX kabul etmez. Başka yerde geçerli CSS olan değer, bu aracın girdi kapsamı dışında kalabilir. Yanlışlıkla eklenen işaretlemeyi kaldırın; ancak katmanlı tasarımda alfa kanalını silmenin görünümü değiştirmeyeceğini varsaymayın. Burada HSI, HSV veya CMYK çıktı kipi yoktur. HSL farklı bir renk modelidir.

HSL’yi ve yuvarlamayı doğru okuyun

HSL renk tonu, doygunluk ve açıklığı anlatır. #09d4e5 için rgb(9, 212, 229) ve hsl(185, 92.4%, 46.7%) gösterilir. Renk tonu tam sayıya, doygunluk ve açıklık bir ondalığa yuvarlatılır. Dolayısıyla kısa HSL ifadesi orijinal tam sayılı RGB’nin yaklaşık gösterimi olabilir. Kesin referans gerektiğinde orijinal HEX veya RGB’yi saklayın. Açıklık yüzdesi, kontrast oranı veya erişilebilirlik için geçti/kaldı sonucu değildir.

Yapıştırılan rengi gerçek kullanımda doğrulayın

Görünen çıktıyı kopyalayabilir veya metin olarak indirebilirsiniz; hedefe gereken satırı seçin. Son düzenleyicinin kabul ettiği biçimi ve gerçek arka plandaki görünümü kontrol edin. Tek renk önizlemesi yazı okunabilirliğini ölçmez; o ayrı karşılaştırma için kontrast aracını kullanın. Web renk gösterimleri basılı mürekkebin aynı görüneceğini vaat etmez; ICC/CMYK dönüşümü yapmaz. İşlem görsel veya tasarım dosyası yüklemeden yerel gerçekleşir. Paylaştığınız yuvarlatılmış değerle birlikte kaynak rengi de koruyun.

Kaynaklar

• MDN: RGB colour values
• MDN: HSL colour values
• Kervoni: Supported colour parsing and conversion