Конвертор од HEX во HSL
Конвертирајте HEX во HSL додека пишувате — бесплатно, инстантно, со практичен пример и табела на вообичаени бои.
Впишете HEX вредност и прочитајте ја HSL вредноста под неа, или изберете боја од палетата.
Практичен пример
HEX #ff5733 = HSL 11, 100%, 60%
Како работи конверзијата
- HEX кодот ги претставува истите три RGB канали запишани во хексадецимален систем (основа 16): две цифри по канал, од 00 (0) до ff (255).
- HSL ја опишува истата боја преку нијанса (hue, 0–360° на тркалото на бои), заситеност (saturation) и осветленост (lightness) — што е практично за затемнување или десатурирање на бојата со менување на само една компонента.
Вообичаени бои во HEX и HSL
| Боја | HEX | HSL |
|---|---|---|
| Црвена | #ff0000 | 0, 100%, 50% |
| Портокалова | #ffa500 | 39, 100%, 50% |
| Жолта | #ffff00 | 60, 100%, 50% |
| Зелена | #008000 | 120, 100%, 25% |
| Цијан | #00ffff | 180, 100%, 50% |
| Сина | #0000ff | 240, 100%, 50% |
| Виолетова | #800080 | 300, 100%, 25% |
| Розова | #ffc0cb | 350, 100%, 88% |
| Кафеава | #a52a2a | 0, 59%, 41% |
| Бела | #ffffff | 0, 0%, 100% |
| Сива | #808080 | 0, 0%, 50% |
| Црна | #000000 | 0, 0%, 0% |
Секое претворање се извршува во Вашиот прелистувач. Ништо од она што го внесувате не се испраќа на BroBroGo.
ЧПП
Како да конвертирам HEX во HSL?
Впишете ја или залепете ја Вашата HEX вредност погоре — вредноста HSL се ажурира додека пишувате. Исто така, можете визуелно да ја изберете бојата со палетата.
Дали конверзијата е точна?
Вредностите се заокружуваат на цели броеви, во формат каков што очекуваат CSS и дизајнерските алатки. Разликата е далеку под прагот на она што човечкото око може да го забележи.