HEX - HSL Dönüştürücü
Siz yazarken HEX değerini HSL değerine dönüştürün — ücretsiz, anında, uygulamalı bir örnek ve yaygın renkler tablosuyla birlikte.
Bir HEX değeri yazıp altındaki HSL değerini okuyun veya renk paletinden bir renk seçin.
Uygulamalı örnek
HEX #ff5733 = HSL 11, 100%, 60%
Dönüştürme işlemi nasıl çalışır?
- Bir HEX kodu, 16'lık sayı tabanında yazılmış aynı üç RGB kanalıdır: kanal başına iki basamak, 00 (0) ile ff (255) arasında değişir.
- HSL aynı rengi ton (renk çarkında 0–360°), doygunluk ve açıklık ile tanımlar — sadece tek bir bileşeni değiştirerek bir rengi koyulaştırmak veya doygunluğunu azaltmak için oldukça kullanışlıdır.
HEX ve HSL formatlarında yaygın renkler
| Renk | HEX | HSL |
|---|---|---|
| Kırmızı | #ff0000 | 0, 100%, 50% |
| Turuncu | #ffa500 | 39, 100%, 50% |
| Sarı | #ffff00 | 60, 100%, 50% |
| Yeşil | #008000 | 120, 100%, 25% |
| Camgöbeği | #00ffff | 180, 100%, 50% |
| Mavi | #0000ff | 240, 100%, 50% |
| Mor | #800080 | 300, 100%, 25% |
| Pembe | #ffc0cb | 350, 100%, 88% |
| Kahverengi | #a52a2a | 0, 59%, 41% |
| Beyaz | #ffffff | 0, 0%, 100% |
| Gri | #808080 | 0, 0%, 50% |
| Siyah | #000000 | 0, 0%, 0% |
Her dönüştürme tarayıcınızda çalışır. Girdiğiniz hiçbir şey BroBroGo sunucularına yüklenmez.
Sıkça Sorulan Sorular
HEX değerini HSL değerine nasıl dönüştürebilirim?
Yukarıya HEX değerinizi yazın veya yapıştırın — siz yazarken HSL değeri anında güncellenir. Rengi renk paletinden görsel olarak da seçebilirsiniz.
Dönüştürme işlemi tam olarak kesin sonuç verir mi?
Değerler, CSS ve tasarım araçlarının beklediği biçimde tam sayılara yuvarlanır. Aradaki fark, gözle görülebilecek sınırların çok altındadır.