Zum Inhalt springen
WM-Anstoßzeit-Konverter ist liveSieh Anstoßzeiten in deiner Zeitzone und füge Kalendererinnerungen hinzu.
CrateX.app Logo

CrateX.app

Farbformat‑Konverter

Konvertieren Sie eine Farbe lokal zwischen den sechsstelligen Zahlen HEX, RGB, HSL und CMYK mit einem Farbwähler, zufälligen Farben, Live-Vorschau, Kanalsteuerung und kopierfertigen CSS-Zeichenfolgen.

HEX

#

RGB

HSL

CMYK
Farbformat‑Konverter

Schnellstart

1
6-stelligen HEX oder RGB/HSL/CMYK-Kanäle eingeben
2
Picker oder Zufällig nutzen, dann synchronisierte Werte prüfen
3
HEX-, RGB-, HSL- oder CMYK-CSS-String kopieren

Häufige Anwendungsfälle

Design‑Handoff

HEX aus Layouts in CSS‑RGB/HSL für die Entwicklung umsetzen

Style‑Guide

Farbformate und Schreibweise in der Komponentenbibliothek vereinheitlichen

Druckreferenz

Konvertieren Sie die Bildschirmfarbe als erste Schätzung in CMYK und bestätigen Sie dann mit dem Proofing und dem Druckworkflow

Barrierefreiheit

Verwenden Sie die Vorschau nur für eine schnelle visuelle Überprüfung. Verwenden Sie für exakte Verhältnisse ein spezielles Kontrastwerkzeug

Konvertier‑ & Anzeigeparameter

Eingaberegeln: HEX unterstützt nur 6 Ziffern (#RRGGBB, kein #RGB, #RGBA, #RRGGBBAA oder Alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Bei der Eingabe wird die Groß-/Kleinschreibung nicht beachtet
Vorschau: rechts Live‑Vorschau auf Desktop; Mobile im Leichtmodus ohne Vorschau
Farbwähler: Palettensymbol oben rechts in jeder Karte
HEX‑Großschreibung: Ausgabe wird in Großbuchstaben normalisiert (z. B. #1E90FF); Eingabe nicht case‑sensitiv; kein Schalter
Feinabstimmung: Kanalbuchstaben links/rechts ziehen (Shift×10, Alt÷0.1)
Kopierausgabe: Die Kopier‑Taste liefert standardisierte Strings (HEX in Großbuchstaben)

Nutzungstipps

Genauigkeit: Farbmanagement unterscheidet sich je Gerät; Pipettenwerte können je App abweichen
Alpha: aktuelle Formate enthalten kein Alpha; rgba()/hsla() oder separaten Kanal nutzen
Farbraum: Web nutzt sRGB; in P3/Display‑P3 besonders sorgfältig prüfen
Team‑Konsistenz: kanonisches CSS‑Format (z. B. HSL) vereinbaren

Einschränkungen und Kompatibilität

Gerätevarianz: Monitore/Browser/OS managen Farbe verschieden; Darstellung kann variieren
CMYK ist ein Näherungswert: Die Werte hängen von ICC-Profilen, Papier, Tinte, Geräten und Proofing ab. Verwenden Sie dies als Referenz, nicht als druckfertigen Wert
Kein Alpha: Dieses Tool verarbeitet keine Transparenzwerte, rgba(), hsla(), #RGBA oder #RRGGBBAA.
CSS-Farbteilmenge: benannte Farben, transparent, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), relative Farben, color-mix() und contrast-color() liegen außerhalb dieses Tools.
Keine Bild- oder Palettenwerkzeuge: Diese Seite bietet keine Bildproben, keine Bildschirmpipette, keine Palettengenerierung, keine Farbverlaufsgenerierung, keine Kontrastverhältnisprüfungen, keinen CSS-Variablenexport und keinen Design-Token-Export.

Datenschutz & Sicherheit

Die Verarbeitung läuft im Browser. Aktuelle Farbe, Kanalwerte, Ausgabeeinstellungen, Dezimalstellen, Großschreibung für HEX, Vorschau und Liste der zuletzt verwendeten Farben können in der aktuellen Browsersitzung oder im Browserspeicher bleiben. Wenn du einen Arbeitsbereich speicherst oder WebDAV-Sync aktivierst, können aktuelle Farbe und Einstellungen gemäß deinen Sync-Einstellungen gespeichert werden; zuletzt verwendete Farben werden nicht über WebDAV synchronisiert. HEX-, RGB-, HSL- und CMYK-Zeichenfolgen werden aus aktueller Farbe und Einstellungen neu berechnet und nicht als separate Ergebnisse gespeichert. Diese Seite liest keine Bilder, tastet keinen Bildschirm ab, ruft keine URLs ab und sendet Farben nicht zur serverseitigen Konvertierung. Lösche auf gemeinsam genutzten Geräten bei Bedarf Farben, Einstellungen und Websitedaten.

Häufige Fragen

5

Fahren Sie mit diesen verwandten Tools im nächsten Schritt fort.

Ressourcen

Anleitungen

Über

Über uns
Preise

Rechtliches

Nutzungsbedingungen
Datenschutzerklärung
Cookie-Richtlinie

Einstellungen

Cookies verwalten

Die gesamte Verarbeitung der Tools findet lokal in Ihrem Browser statt.