Online Tools Center
  • Startseite
  • Werkzeuge
  • Konverter
Online Tools Center

Free online calculators for math, finance, fitness, and more.

Schnelllinks

  • Math Calculators
  • Werkzeuge
  • Konverter
  • Über uns
  • Kontakt

Rechtliches

  • Datenschutzerklärung
  • Nutzungsbedingungen

© 2026 Online Tools Center. Alle Rechte vorbehalten.

Farbkonverter

Geben Sie eine Farbe in einem beliebigen Format ein und sehen Sie sofort alle Konvertierungen — RGB, Hex, HSL, HWB, CMYK und NCol.

Geben Sie eine gültige Farbe ein, um die Vorschau und alle Konvertierungen zu sehen.

Was ist ein Farbkonverter?

Ein Farbkonverter übersetzt eine Farbe zwischen den verschiedenen Kodierungssystemen, die im Webdesign, Druck und in der digitalen Kunst verwendet werden. Deutsche Designer und Typografen — geprägt vom Einfluss des Bauhauses und der Schweizer Schule — arbeiten präzise mit Farbe: Hellgrau für Interflächen, kräftiges Schwarz-Rot-Gold für staatliche Kommunikation, und neutrale Töne für modernistisches Corporate Design.

Das Werkzeug unterstützt sechs Formate: RGB, Hex, HSL, HWB, CMYK und Natural Color (NCol). Es erkennt außerdem automatisch den nächstgelegenen CSS-Farbnamen.

Farbmodelle im Überblick

RGB

Additives Modell für Bildschirme. Jeder Kanal reicht von 0 bis 255. Alle drei Kanäle auf Maximum ergeben Weiß.

Hex

Sechsstellige Hexadezimal-Kodierung von RGB, weit verbreitet in CSS. Beispiel: #000000 (Schwarz des deutschen Nationalsymbols).

HSL

Beschreibt Farbe durch Farbton (0–360°), Sättigung und Helligkeit. Intuitiv für die menschliche Wahrnehmung.

HWB

Alternative zu HSL mit Farbton, Weiß- und Schwarzanteil. Ideal zum Aufhellen oder Abdunkeln.

CMYK

Subtraktives Modell für den Druck: Cyan, Magenta, Gelb und Schwarz.

Naturfarbe (NCol)

W3C Natural Color: Farbton als Buchstabe + Prozent-Offset, Weiß- und Schwarzanteil.

Deutsche Farbbeispiele

Deutschlandrot (#dd0000)

Das Rot der deutschen Nationalflagge (RGB 221, 0, 0). Leuchtendes, klares Primärrot. In HSL genau 0°, 100%, 43%. Symbol nationaler Identität in Staatslogos und politischer Kommunikation.

Bundesgold (#ffcc00)

Das satte Goldgelb der deutschen Flagge (RGB 255, 204, 0). In HSL 48°, 100%, 50%. Im Bauhaus-Stil von Walter Gropius gilt Gelb als die aktivste Primärfarbe des Spektrums.

Preuß­ischblau (#003082)

Das historische Preußischblau (RGB 0, 48, 130), Farbe der preußischen Uniform und heute noch in Wappen und staatlichen Institutionen präsent. In CMYK ca. 100% C, 63% M, 0% Y, 49% K.

Bauhaus-Grau (#c0c0c0)

Das neutrale Silbergrau (RGB 192, 192, 192) steht für die sachliche Ästhetik des Bauhauses und der Ulmer Schule. In HSL 0°, 0%, 75%. Fundament moderner Interface-Gestaltung.

So funktioniert es

  1. 1

    Wählen Sie das Eingabeformat, das Ihrem Farbcode entspricht.

  2. 2

    Geben Sie die Farbwerte ein. Die Ergebnisse werden sofort aktualisiert — kein Button nötig.

  3. 3

    Der Konverter normalisiert alle Eingaben auf eine interne RGB-Darstellung als universellen Pivot.

  4. 4

    Aus dem RGB-Tripel werden alle anderen Formate mit standardisierten mathematischen Formeln berechnet.

  5. 5

    Die Namenssuche vergleicht mit 148 CSS-Standardfarben und gibt den nächstgelegenen Treffer zurück.

Tipps und Best Practices

  • ✓

    Nutzen Sie Hex oder RGB für CSS-Stylesheets; bevorzugen Sie HSL zur programmatischen Helligkeits- oder Sättigungsanpassung.

  • ✓

    CMYK-Werte sind Näherungswerte — fordern Sie immer einen Andruckbogen für kommerziellen Druck an.

  • ✓

    HWB eignet sich ideal für Farbfamilien: Farbton konstant halten, Weißanteil variieren.

  • ✓

    Das '#'-Präfix bei Hex-Codes ist optional — der Konverter akzeptiert beide Schreibweisen.

  • ✓

    Für offizielle Markenfarben (z. B. RAL, HKS, Pantone) immer die Originalspezifikation heranziehen.

Häufige Fragen

Was ist der Unterschied zwischen HSL und HWB?▼

Beide nutzen einen Farbtonwinkel, aber die zweiten und dritten Parameter unterscheiden sich. HSL verwendet Sättigung und Helligkeit; HWB verwendet Weiß- und Schwarzanteil direkt. HWB ist häufig intuitiver, um Farben aufzuhellen (mehr Weiß) oder abzudunkeln (mehr Schwarz).

Warum sieht CMYK auf dem Bildschirm anders aus?▼

Bildschirme nutzen additives Licht (RGB); Drucker nutzen subtraktive Tinte (CMYK). Die Farbräume überlappen nicht vollständig. Der Konverter liefert eine geräteunabhängige mathematische Näherung, keinen pressefertigen Farbwert.

Was ist Natural Color (NCol)?▼

Ein W3C-Vorschlag, der den Farbton als Buchstabe (R, Y, G, C, B, M) plus Prozentversatz, gefolgt von Weiß- und Schwarzanteil, kodiert. Beispiel: R0 0% 0% ist reines Rot.

Kann ich eine CSS-Farbe wie 'goldenrod' direkt eingeben?▼

Ja. Tippen Sie den Namen ins Feld 'Nach CSS-Name suchen' – der Konverter lädt die Werte automatisch.

Wie genau sind die Umrechnungen?▼

Hex und RGB sind verlustfrei (mit ganzzahliger Rundung). HSL, HWB, NCol werden auf eine Nachkommastelle gerundet. CMYK ist nur eine mathematische Näherung.

Warum wird manchmal kein Farbname angezeigt?▼

Es sind nur 148 CSS-Standardfarben einbezogen. Liegt die eingegebene Farbe mehr als ~30 RGB-Einheiten von jeder benannten Farbe entfernt, wird kein Name angezeigt.

Farbdarstellungen können zwischen Geräten aufgrund von Display-Kalibrierung und Farbprofilen variieren. CMYK-Werte sind mathematische Näherungswerte.

Diesen Rechner Bewerten