Deutsch

Konverter-Werkzeug

HEX, RGB, HSL, HSV und CMYK umrechnen

HEX, RGB, HSL, HSV/HSB und CMYK im Browser umrechnen. Farbe wählen, Codes kopieren und WCAG-Kontrast prüfen. Nichts wird hochgeladen.

Farbcode einfügen oder Pipette nutzen. HEX, RGB, HSL, HSV und CMYK aktualisieren sich gemeinsam. Kontrast nutzt WCAG-Verhältnisse auf undurchsichtigem Hintergrund.

  • Läuft lokal
  • Kein Upload
  • Sofort
  • Kostenlos
Vorschau
Auf Weiß
Auf Schwarz
Eingabeformat

RGBA, HSLA und 8-stelliges HEX behalten Alpha. HSV- und CMYK-Zeichenketten nicht; Alpha steht extra.

HSV und HSB sind dasselbe Modell. V und B bedeuten Helligkeit.

Dieses CMYK ist eine Schätzung aus Bildschirm-RGB. Keine ICC-Druckprofil-Umwandlung.

WCAG-Kontrast

Hat der Vordergrund Alpha, wird über undurchsichtigem Hintergrund gerechnet. Diese Version nutzt kein Hintergrund-Alpha. Kontrast allein beweist keine barrierefreie Seite.

Prüfung Ergebnis
AA normaler Text
AA großer Text
AAA normaler Text
AAA großer Text

Beispiel normaler Text

Beispiel großer Text

Umwandlung und Kontrast laufen im Browser. Werte werden nicht hochgeladen.

So funktioniert’s

  1. Einen HEX-, RGB-, HSL-, HSV- oder CMYK-Wert einfügen oder den Wähler nutzen.
  2. Die umgerechneten Codes lesen und das Nötige kopieren.
  3. Ist die Farbe für Text, den Kontrast auf undurchsichtigem Hintergrund prüfen.

Warum NEXNARA

  • Privat

    Ihre Daten bleiben im Browser.

  • Sofort

    Ergebnisse erscheinen unmittelbar.

  • Kein Upload

    Es wird nichts an einen NEXNARA-Server gesendet.

  • Überall nutzbar

    Keine Installation nötig.

Was ist ein Farbkonverter?

Eine Farbnotation wird in die anderen umgerechnet. HEX für CSS, RGB für Design, HSL zum Justieren, HSV für Wähler oder eine einfache CMYK-Schätzung. Die Rechnung bleibt im Browser.

Was ist HEX?

HEX schreibt Rot, Grün und Blau als Hexadezimalpaare, etwa #FF0000. Kurzes #RGB verdoppelt jede Ziffer. Achtstelliges #RRGGBBAA ergänzt Alpha. Das # ist hier optional.

Was ist RGB?

RGB mischt Rot, Grün und Blau von 0 bis 255. RGBA ergänzt Alpha von 0 bis 1. Bildschirme zeigen Farbe in RGB, daher ist das das Kernformat der anderen Umrechnungen.

Was ist HSL?

HSL ist Farbton (0–360), Sättigung (0–100 %) und Helligkeit (0–100 %). Ton 360 entspricht 0. HSLA ergänzt Alpha. Nützlich, um aufzuhellen oder zu sättigen, ohne in RGB zu denken.

Was ist HSV / HSB?

HSV (auch HSB) nutzt Farbton, Sättigung und Wert/Helligkeit. Es ist nicht HSL: volles Rot ist hsv(0, 100%, 100%) und hsl(0, 100%, 50%). Dieses Werkzeug behandelt HSV und HSB als ein Modell.

Was ist CMYK?

CMYK ist Cyan, Magenta, Gelb und Schwarz, jeweils 0–100 %. Drucker nutzen CMYK. Hier ist es eine mathematische Schätzung aus Bildschirm-RGB, kein pressereifes ICC-Profil.

RGB gegenüber CMYK

RGB ist additives Licht am Bildschirm. CMYK ist subtraktive Farbe auf Papier. Dieselben Zahlen treffen nicht immer eine Druckfarbe. Dieses CMYK ist grob, nicht für den finalen Druck.

Was ist Alpha?

Alpha ist Deckkraft. 1 ist deckend, 0 vollständig transparent. 8-stelliges HEX, RGBA und HSLA speichern es. HSV- und CMYK-Ausgaben hier enthalten kein Alpha, daher bleibt das Feld sichtbar.

Was ist ein WCAG-Kontrastverhältnis?

WCAG-Kontrast vergleicht die relative Luminanz von Text und Hintergrund. Übliche Ziele: 4,5:1 AA normaler Text, 3:1 AA großer Text, 7:1 AAA normaler Text und 4,5:1 AAA großer Text. Schriftgröße, Gewicht und der Rest der Barrierefreiheit fehlen.

Farbe umrechnen

HEX, RGB, HSL, HSV oder CMYK wählen. Wert einfügen oder Wähler bewegen. Die Umrechnung läuft beim Tippen. Jedes Ergebnis kopieren. Für Kontrast undurchsichtigen Hintergrund setzen und PASS oder FAIL je WCAG-Zeile lesen.

Datenschutz

Es wird nichts an NEXNARA oder eine externe Farb-API gesendet. Werte werden für dieses Werkzeug nicht in Cookies oder Local Storage gespeichert.

Häufige Fragen

Wie rechne ich HEX in RGB um?

Ein HEX wie #FF0000 einfügen oder die Farbe wählen. RGB erscheint als rgb(255, 0, 0).

Wie rechne ich RGB in HEX um?

RGB wählen und rgb(255, 0, 0) oder die Felder R, G, B eingeben. HEX wird #FF0000.

Was ist der Unterschied zwischen HSL und HSV?

Beide nutzen Farbton und Sättigung, aber der dritte Kanal bei HSL ist Helligkeit (Lightness) und bei HSV der Wert (Helligkeit). Volles Rot ist 50 % Lightness in HSL und 100 % Value in HSV.

Ist HSV dasselbe wie HSB?

Ja. Das B in HSB (Brightness) ist das V in HSV (Value). hsv() und hsb() werden akzeptiert.

Kann RGB in CMYK umgerechnet werden?

Ja, als Schätzung aus Bildschirm-RGB. Es trifft nicht jedes Druckerprofil.

Warum kann gedrucktes CMYK anders aussehen?

Papier, Farbe und ICC-Profile ändern das Ergebnis. Diese Seite simuliert keine Druckmaschine.

Was bedeutet 8-stelliges HEX?

Die letzten zwei Ziffern sind Alpha. #FF000080 ist Rot mit etwa 50 % Deckkraft.

Welches Kontrastverhältnis brauche ich?

WCAG AA normaler Text ist 4,5:1. Großer Text darf 3:1. AAA normaler Text ist 7:1. Dieses Werkzeug meldet nur diese vier Prüfungen.

Läuft die Umrechnung lokal?

Ja. Sie läuft im Browser. Es gibt keinen Server und keine externe API.

Wie rechne ich HEX in HSL um?

HEX einfügen und das HSL-Feld lesen, oder bei HSL starten und HEX kopieren. Farbton 360 entspricht 0.