Zum Inhalt springen
CrateX.app Logo

CrateX.app

Farbformat‑Konverter

Konvertiere eine Farbe lokal zwischen 6-stelligem HEX (#RRGGBB), RGB, HSL und CMYK – mit Farbwähler, Zufallsfarbe, Live-Vorschau, Kanalsteuerung, kopierbaren CSS-Werten für HEX/RGB/HSL und einer CMYK-Referenznotation.

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

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: Verwende den Farbwähler in der HEX-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 Kopiertaste liefert standardisierte CSS-Werte für HEX, RGB und HSL (HEX in Großbuchstaben) oder die CMYK-Referenznotation cmyk(...)

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. Die aktuelle Farbe kann in der laufenden Browsersitzung verbleiben. Beim Speichern eines Arbeitsbereichs oder Aktivieren von WebDAV kann die aktuelle Farbe als Teil des Arbeitsbereichs gespeichert oder synchronisiert werden. Abgeleitete Ausgaben, der Rückgängig-Verlauf und vorübergehende Fehler werden nicht als separate Daten gespeichert oder synchronisiert; das Werkzeug führt keine Liste zuletzt verwendeter Farben. Diese Seite liest keine Bilder, tastet den Bildschirm nicht ab, ruft keine URLs ab und sendet keine Farben zur serverseitigen Konvertierung. Auf gemeinsam genutzten Geräten sollten Farbe und Websitedaten bei Bedarf gelöscht werden.

Häufige Fragen

5

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

Über

Über uns
Preise

Rechtliches

Nutzungsbedingungen
Datenschutzerklärung
Cookie-Richtlinie

Einstellungen

Cookies verwalten

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