HEX Renk Seçici ve Dönüştürücü
HEX formatındaki renk kodlarını anında RGB ve HSL değerlerine dönüştürün, renk tonu ve aydınlık analizi yapın.
Aracı çalıştır
HEX Renk Seçici aracı, web geliştiricileri ve tasarımcılar için onaltılık renk kodlarını standart RGB ve HSL formatlarına dönüştürür. Renk kutusundan bir ton seçebilir veya istediğiniz altı ya da üç karakterli kodu doğrudan girebilirsiniz. Giriş alanı boş bırakıldığında araç varsayılan olarak #ff5733 değerini işler. Girdiğiniz renk kodunun başında kare sembolü (#) olmasa bile sistem bunu otomatik olarak algılar ve gereken biçimlendirmeyi yapar. Üç basamaklı kısa kodlar, her karakter iki kez tekrarlanarak altı basamaklı tam koda genişletilir. Dönüştürme işlemi sonucunda renk kodunun büyük ve küçük harfli onaltılık yazılışlarını, metin biçimindeki RGB ve HSL karşılıklarını ve her bir kanalın sayısal bileşenlerini görebilirsiniz. Araç, ağırlıklı parlaklık eşiğine göre rengin açık veya koyu ton sınıflandırmasını belirler. Ton, doygunluk ve aydınlık değerleri tam sayılara yuvarlanarak arayüz tasarımlarınızda ve CSS stillerinizde doğrudan kullanılabilir biçimde sunulur. Geçersiz bir kod girilirse sonuç panelinde hata bildirimi yer alır; böylece girişinizi hızlıca düzeltebilirsiniz.
Kullanım
- Renk seçici kutusundan bir renk belirleyin ya da metin alanına altı veya üç haneli bir HEX kodu yazın.
- İsteğe bağlı geçmiş seçeneğini tercihinize göre işaretleyin veya boş bırakın.
- Çalıştır butonuna tıklayarak renk değerlerini dönüştürün.
- Sonuç alanında üretilen RGB, HSL ve sayısal kanal değerlerini inceleyin.
Örnekler
- #3498db kodunu girdiğinizde araç bu değeri rgb(52, 152, 219) ve hsl(204, 70%, 53%) formatlarına dönüştürür; parlaklık değeri 128 eşiğinin üzerinde olduğu için rengi açık olarak sınıflandırır.
- Üç basamaklı #f50 kodunu yazdığınızda sistem bunu #ff5500 olarak genişletir, ardından rgb(255, 85, 0) ve hsl(20, 100%, 50%) değerlerini görüntüler.
SSS
HEX kodunun başına kare işareti (#) koymak zorunlu mu?
Hayır. Kodun başına # sembolü koymasanız bile araç bunu otomatik olarak ekler ve dönüştürmeyi gerçekleştirir.
Üç karakterli kısa renk kodları destekleniyor mu?
Evet. Örneğin #abc girdiğinizde araç her karakteri yineleyerek değeri #aabbcc formatına genişletir ve hesaplamayı bu kod üzerinden yapar.
Renk parlaklığı nasıl sınıflandırılır?
Kırmızı, yeşil ve mavi kanalların ağırlıklı parlaklık toplamı 128 değerinden büyük olduğunda renk açık ton, 128 veya altında kaldığında koyu ton olarak işaretlenir.
Geçersiz bir renk kodu yazıldığında ne olur?
Geçersiz karakterler veya yanlış uzunlukta bir metin girildiğinde sonuç alanında hatayı belirten bir uyarı görüntülenir.