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.
Ein Farbkonverter übersetzt eine Farbe zwischen den verschiedenen Kodierungssystemen, die im Webdesign, Druck und in der digitalen Kunst verwendet werden. In der Schweiz spiegelt die Designtradition die vier Sprachkulturen wider: die minimalistischen Rot-Weiß-Paletten des Schweizer Grafikstils, die warmen Erdtöne der Tessiner Architektur und das kräftige Rot des Schweizerkreuzes.
Das Werkzeug unterstützt sechs Formate: RGB, Hex, HSL, HWB, CMYK und Naturfarbe (NCol). Es erkennt außerdem automatisch den nächstgelegenen CSS-Farbnamen.
Additives Modell für Bildschirme. Jeder Kanal reicht von 0 bis 255. Alle drei auf Maximum ergeben Weiß.
Hexadezimale Kodierung von RGB, weit verbreitet in CSS. Beispiel: #ff0000 (Rot des Schweizerkreuzes).
Beschreibt Farbe durch Farbton (0–360°), Sättigung und Helligkeit. Intuitiv für die menschliche Wahrnehmung.
Alternative zu HSL mit Farbton, Weiß- und Schwarzanteil. Ideal zum Aufhellen oder Abdunkeln.
Subtraktives Modell für den Druck: Cyan, Magenta, Gelb und Schwarz.
W3C Natural Color: Farbton als Buchstabe + Prozent-Offset, Weiß- und Schwarzanteil.
Das leuchtende Rot des Schweizerkreuzes und der Eidgenossenschaft (RGB 255, 0, 0). Reines Primärrot bei HSL 0°, 100%, 50%. Symbol schweizerischer Souveränität und des Roten Kreuzes.
Das reine Weiß des Schweizerkreuzes auf rotem Grund (RGB 255, 255, 255). In der Schweizer Grafikschule steht Weiß für Klarheit, Raum und typografische Präzision.
Das charakteristische Dunkelgrau der Helvetica, der weltweit verbreitetsten Schriftfamilie aus der Schweiz (RGB 74, 74, 74). In HSL 0°, 0%, 29%. Ikone des International Typographic Style.
Das Warmgold der Berner Sandsteinfassaden (RGB 139, 105, 20). In HSL 43°, 75%, 31%. Prägend für die Altstadt von Bern, UNESCO-Weltkulturerbe seit 1983.
Wählen Sie das Eingabeformat, das Ihrem Farbcode entspricht.
Geben Sie die Farbwerte ein. Die Ergebnisse werden sofort aktualisiert — kein Button nötig.
Der Konverter normalisiert alle Eingaben auf eine interne RGB-Darstellung als universellen Pivot.
Aus dem RGB-Tripel werden alle anderen Formate mit standardisierten mathematischen Formeln berechnet.
Die Namenssuche vergleicht mit 148 CSS-Standardfarben und gibt den nächstgelegenen Treffer zurück.
Nutzen Sie Hex oder RGB für CSS-Stylesheets; bevorzugen Sie HSL zur programmatischen Helligkeitsanpassung.
CMYK-Werte sind Näherungswerte — fordern Sie für kommerziellen Druck immer einen Andruckbogen an.
HWB eignet sich ideal für Farbfamilien: Farbton konstant halten, Weißanteil variieren.
Das '#'-Präfix bei Hex-Codes ist optional.
Für offizielle Schweizer Bundesfarben (EDA, SBB, Post) immer die offizielle CI-Dokumentation heranziehen.
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 oft intuitiver zum Aufhellen (mehr Weiß) oder Abdunkeln (mehr Schwarz).
Bildschirme nutzen additives Licht (RGB); Drucker nutzen subtraktive Tinte (CMYK). Die Farbräume überlappen nicht. Der Konverter liefert eine mathematische Näherung, keinen pressefertigen Farbwert.
Ein W3C-Vorschlag, der den Farbton als Buchstabe (R, Y, G, C, B, M) plus Prozentversatz kodiert, gefolgt von Weiß- und Schwarzanteil. Beispiel: R0 0% 0% ist reines Rot.
Ja. Tippen Sie den Namen ins Feld 'Nach CSS-Name suchen' – der Konverter lädt die Werte automatisch.
Hex und RGB sind verlustfrei (mit ganzzahliger Rundung). HSL, HWB, NCol werden auf eine Nachkommastelle gerundet. CMYK ist nur eine mathematische Näherung.
Es sind nur 148 CSS-Standardfarben enthalten. Liegt die 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.