Pretvornik iz HEX v HSL

Pretvorite HEX v HSL sproti med tipkanjem – brezplačno, takoj, s praktičnim primerom in tabelo pogostih barv.

Vnesite vrednost HEX in spodaj preberite vrednost HSL ali pa izberite barvo iz palete.

Izberite barvo ali vnesite vrednost v katerem koli formatu.

Praktičen primer

HEX #ff5733 = HSL 11, 100%, 60%

Kako poteka pretvorba

  • Koda HEX predstavlja iste tri kanale RGB, zapisane v šestnajstiškem sistemu: dve števki na kanal, od 00 (0) do ff (255).
  • HSL opisuje isto barvo s tonon (od 0 do 360° na barvnem krogu), nasičenostjo in svetlostjo – kar je priročno za temnjenje ali razbarvanje zgolj s spreminjanjem ene same komponente.

Pogoste barve v HEX in HSL

BarvaHEXHSL
Rdeča#ff00000, 100%, 50%
Oranžna#ffa50039, 100%, 50%
Rumena#ffff0060, 100%, 50%
Zelena#008000120, 100%, 25%
Cian#00ffff180, 100%, 50%
Modra#0000ff240, 100%, 50%
Vijolična#800080300, 100%, 25%
Rožnata#ffc0cb350, 100%, 88%
Rjava#a52a2a0, 59%, 41%
Bela#ffffff0, 0%, 100%
Siva#8080800, 0%, 50%
Črna#0000000, 0%, 0%

Vsaka pretvorba poteka v vašem brskalniku. Nič od tega, kar vnesete, se ne prenaša na BroBroGo.

Pogosta vprašanja

Kako pretvorim HEX v HSL?

Zgoraj vnesite ali prilepite vrednost HEX – vrednost HSL se bo posodobila sproti med tipkanjem. Barvo lahko izberete tudi vizualno z barvno paleto.

Ali je pretvorba natančna?

Vrednosti so zaokrožene na cela števila, kar je oblika, ki jo pričakujejo CSS in oblikovalska orodja. Razlika je daleč pod pragom zaznavnosti človeškega očesa.