RGB naar HSB converter
Haal de kleurtoon, verzadiging en helderheid uit een RGB-kleur om ze in Photoshop, Figma of Sketch in te voeren.
rgb-invoer
Resultaat · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Zo werkt het: RGB naar HSB
- 1
Voer een kleur in
Typ een kleurcode of kies een kleur met de kleurkiezer — elk veld accepteert het formaat dat erbij staat.
- 2
Bekijk de conversie
Het resultaat wordt direct bijgewerkt terwijl je typt, samen met een live voorbeeld van de kleur.
- 3
Kopieer de code
Kopieer de gewenste waarde met één klik en plak hem in je ontwerp, CSS of afdrukinstellingen.
Wat HSB betekent
HSB staat voor hue, saturation en brightness: kleurtoon, verzadiging en helderheid. Het is hetzelfde model als HSV — alleen de naam van het derde onderdeel verschilt — en het is de naam die Adobe Photoshop, Illustrator, Figma en Sketch in hun kleurkiezers gebruiken. De kleurtoon wordt uitgedrukt in graden van 0 tot 360, verzadiging en helderheid in procenten.
Zet RGB om naar HSB als je kanaalwaarden hebt uit een screenshot, een website of een specificatie en de kleur wilt invoeren in een ontwerp-app die met HSB werkt, of als je een kleur beter wilt begrijpen: een lage verzadiging betekent een grijzige tint, een lage helderheid een donkere. Zo wordt rgb(255, 61, 114) bijvoorbeeld hsb(344, 76%, 100%). De tool toont voor dezelfde kleur ook HEX, HSL, HSV en CMYK, elk met een kopieerknop.
Alles draait lokaal in je browser — je afbeeldingen worden nooit naar een server geüpload.