Tada File , Alle Tools

Farbkonverter

Rechne jede Farbe zwischen HEX, RGB, HSL, HSV, CMYK, Lab und OKLCH um und kopiere sie mit einem Klick. Kostenlos, auf deinem Gerät.

Gib ein beliebiges Format ein: #3366cc, rgb(51 102 204), hsl(220 60% 50%), cmyk(75% 50% 0% 20%), oklch(…) oder einen CSS-Namen wie tomato.

  • HEX#3366CC
  • RGBrgb(51 102 204)
  • HSLhsl(220 60% 50%)
  • HSV / HSBhsv(220 75% 80%)
  • CMYKcmyk(75% 50% 0% 20%)
  • CIE Lablab(45 18.7 -57.9)
  • OKLCHoklch(53.2% 0.168 262.3)

Nächster CSS-Farbname: royalblue

CMYK ist hier eine einfache Umrechnung ohne Druckerprofil: ein guter Ausgangspunkt, aber die Werte einer Druckerei können abweichen.

Der Farbkonverter rechnet eine Farbe aus einem Format in alle anderen um: HEX fürs Web, RGB, HSL und HSV für Design-Apps, CMYK für den Druck sowie CIE Lab und OKLCH für modernes CSS und die Arbeit mit Farben. Tippe oder füge eines davon ein, einen CSS-Namen wie tomato, oder nutze die Farbauswahl. Jeder Wert hat einen Kopieren-Button, und der nächste CSS-Farbname wird ebenfalls angezeigt.

Anleitung: Farbkonverter

  1. 1

    Farbe eingeben

    Tippe oder füge sie in einem beliebigen Format ein oder wähle sie mit der Farbauswahl.

  2. 2

    Ergebnisse ablesen

    Sieh sie in jedem Format, mit dem nächsten CSS-Namen.

  3. 3

    Kopieren, was du brauchst

    Kopiere jeden Wert mit einem Klick.

Funktionen

Alle gängigen Formate
HEX, RGB, HSL, HSV, CMYK, CIE Lab und OKLCH.
Versteht, was du einfügst
Mit oder ohne #, Kommas oder Leerzeichen, dazu CSS-Namen.
Transparenz bleibt
Alpha-Werte werden in alle Formate übernommen.

Fragen

Wie rechne ich HEX in RGB um?

Füge den HEX-Code ein, etwa #3366CC, und lies die RGB-Zeile ab: rgb(51 102 204). Alle anderen Formate werden gleichzeitig angezeigt.

Ist der CMYK-Wert für den Druck exakt?

Es ist eine Standardumrechnung ohne Druckerprofil, also ein guter Ausgangspunkt. Eine Druckerei kann für ihre Maschine leicht andere Werte angeben.

Was ist OKLCH?

Eine neuere Art, Farben in CSS anzugeben, die darauf beruht, wie hell und kräftig eine Farbe auf Menschen wirkt. Sie eignet sich gut für gleichmäßige Farbskalen.

Brauche ich eine Internetverbindung?

Nur zum Öffnen der Seite. Alles wird auf deinem Gerät berechnet, und nichts, was du eingibst, wird irgendwohin gesendet.