Naar de kleurkiezer

HSB / HSV naar HEX converter

Plak een HSB / HSV-waarde en krijg direct HEX. Andere formaten werken ook.

Gelezen als HSV

HEX-waarde#ff5733
HEX naar HSB / HSV

Kleur aanpassen

11°
100%

68%
0,210
34°

Alle andere formaten

Voorbeelden: HSB / HSV naar HEX

KleurHSB / HSVHEX
hsv(0 100% 100%)#ff0000
hsv(120 100% 100%)#00ff00
hsv(240 100% 100%)#0000ff
hsv(0 0% 100%)#ffffff
hsv(0 0% 0%)#000000
hsv(0 0% 50.2%)#808080
hsv(10.59 80% 100%)#ff5733
hsv(217.22 76.02% 96.47%)#3b82f6
hsv(160.12 91.35% 72.55%)#10b981
hsv(37.69 95.51% 96.08%)#f59e0b
hsv(258.31 62.6% 96.47%)#8b5cf6
hsv(330.37 69.49% 92.55%)#ec4899

Over HSB / HSV en HEX

HSV, ook HSB genoemd, gebruikt kleurtoon, verzadiging en helderheid. Photoshop, Figma en de meeste kleurkiezers gebruiken het voor het vierkante kiesvlak.

HEX schrijft rood, groen en blauw elk als twee hexadecimale cijfers, zoals #ff5733. Het is de meest gebruikte manier om kleuren te noteren op het web en in ontwerptools.

Zo werkt de omzetting

We lezen de HSB / HSV-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar HEX. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.

Vragen en antwoorden

Hoe zet ik HSB / HSV om naar HEX?

Plak of typ een HSB / HSV-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de HEX-waarde.

Is de omzetting van HSB / HSV naar HEX exact?

De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.

Kan ik tegelijk andere formaten krijgen?

Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.

Is deze converter gratis?

Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.