RGB in HSB umrechnen
Ermitteln Sie Farbton, Sättigung und Helligkeit einer RGB-Farbe, um sie in Photoshop, Figma oder Sketch einzugeben.
rgb-Eingabe
Ergebnis · 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%)
So funktioniert’s: RGB in HSB
- 1
Farbe eingeben
Geben Sie einen Farbcode ein oder wählen Sie eine Farbe mit dem Farbwähler – jedes Feld akzeptiert das angezeigte Format.
- 2
Umrechnung ansehen
Das Ergebnis aktualisiert sich sofort während der Eingabe, zusammen mit einer Live-Vorschau der Farbe.
- 3
Code kopieren
Kopieren Sie den gewünschten Wert mit einem Klick und fügen Sie ihn in Ihr Design, Ihr CSS oder Ihre Druckeinstellungen ein.
Was HSB bedeutet
HSB steht für Hue, Saturation und Brightness – Farbton, Sättigung und Helligkeit. Es ist dasselbe Modell wie HSV, nur die dritte Komponente heißt anders, und unter diesem Namen verwenden es Adobe Photoshop, Illustrator, Figma und Sketch in ihren Farbwählern. Der Farbton wird in Grad von 0 bis 360 angegeben, Sättigung und Helligkeit in Prozent.
Rechnen Sie RGB in HSB um, wenn Sie Kanalwerte aus einem Screenshot, einer Website oder einer Vorgabe haben und die Farbe in ein Designprogramm eingeben möchten, das mit HSB arbeitet – oder wenn Sie eine Farbe besser verstehen wollen: Geringe Sättigung bedeutet einen gräulichen Ton, geringe Helligkeit einen dunklen. So wird zum Beispiel rgb(255, 61, 114) zu hsb(344, 76%, 100%). Das Tool zeigt für dieselbe Farbe außerdem HEX, HSL, HSV und CMYK an, jeweils mit Kopier-Button.
Alles läuft lokal in Ihrem Browser – Ihre Bilder werden nie auf einen Server hochgeladen.