Pretvornik iz HSL v HEX

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

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

Izberite barvo ali vnesite vrednost v katerem koli formatu.

Praktičen primer

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

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 HSL in HEX

BarvaHSLHEX
Rdeča0, 100%, 50%#ff0000
Oranžna39, 100%, 50%#ffa500
Rumena60, 100%, 50%#ffff00
Zelena120, 100%, 25%#008000
Cian180, 100%, 50%#00ffff
Modra240, 100%, 50%#0000ff
Vijolična300, 100%, 25%#800080
Rožnata350, 100%, 88%#ffc0cb
Rjava0, 59%, 41%#a52a2a
Bela0, 0%, 100%#ffffff
Siva0, 0%, 50%#808080
Črna0, 0%, 0%#000000

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

Pogosta vprašanja

Kako pretvorim HSL v HEX?

Zgoraj vnesite ali prilepite vrednost HSL – vrednost HEX 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.