Farbkonverter
Konvertieren Sie Farben zwischen HEX, RGB, HSL und CMYK. Erkennt automatisch das Eingabeformat und zeigt alle Farbraumdarstellungen.
Parameter
Geben Sie eine Farbe im HEX-, RGB-, HSL- oder HWB-Format ein
Das Format des Eingabefarbwerts
Ergebnisse
#3B82F6
Hexadezimale Farbnotation
Weitere Ergebnisse (5)
Visuelle Vorschau der Farbe
rgb(59, 130, 246)
Red: 59, Green: 130, Blue: 246
hsl(217, 91%, 60%)
Hue: 217°, Saturation: 91%, Lightness: 60%
cmyk(76%, 47%, 0%, 4%)
Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%
CSS benannte die Farbe, die dieser Farbe am nächsten kommt
Beispieleingabe und Ergebnis
#3B82F6rgb(59, 130, 246)CMYK ist eine mathematische Näherung ohne ICC-Profil. Die Ausgabe eines bestimmten Druckers oder Papiers wird nicht vorhergesagt.
Warum Farbkonverter wählen
Der Farbkonverter wandelt Farben zwischen den Formaten HEX, RGB, HSL und CMYK um und erkennt das Eingabeformat automatisch. Es identifiziert auch die nächstgelegene CSS-Namensfarbe, was es zu einem unverzichtbaren Werkzeug für Webdesigner und -entwickler macht.
- ✓Konvertiert zwischen den Farbformaten HEX, RGB, HSL und CMYK
- ✓Erkennt automatisch das Eingabefarbformat
- ✓Zeigt die nächstgelegene Farbübereinstimmung mit CSS-Namen an
- ✓Alle Werte können in CSS oder Designtools kopiert werden
Anleitung
- 1Geben Sie Ihren Farbwert in einem beliebigen unterstützten Format ein (HEX, RGB, HSL, HWB)
- 2Wählen Sie das Eingabeformat aus oder lassen Sie die automatische Erkennung aktiviert
- 3Sehen Sie sich alle Farbformatdarstellungen sofort an
- 4Kopieren Sie das Format, das Sie für Ihr CSS- oder Designtool benötigen
- 5Sehen Sie sich die am nächsten genannte Farbe an, um eine schnelle Referenz zu erhalten
Häufig gestellte Fragen (FAQ)
Was ist der Unterschied zwischen HEX und RGB?
HEX und RGB stellen dieselben Farbdaten unterschiedlich dar. HEX verwendet eine Basis-16-Notation (#RRGGBB), während RGB Dezimalwerte verwendet (rgb(R, G, B)). Beispielsweise stehen #FF0000 und rgb(255, 0, 0) beide für reines Rot.
Wann sollte ich HSL anstelle von HEX verwenden?
HSL (Hue, Saturation, Lightness) ist für die Farbanpassung intuitiver. Sie können eine Farbe ganz einfach heller (L erhöhen), lebendiger (S erhöhen) machen oder ihren Farbton ändern. HEX eignet sich besser für die genaue Farbspezifikation und den Austausch mit Designtools.
Wofür wird CMYK verwendet?
Im Druckdesign wird CMYK (Cyan, Magenta, Yellow, Key/Black) verwendet. Im Gegensatz zu RGB, das additiv (lichtbasiert) ist, ist CMYK subtraktiv (tintenbasiert). Die Konvertierung von RGB in CMYK ist bei der Vorbereitung digitaler Designs für den Druck unerlässlich.
Kann ich dieses Tool zum Konvertieren von HWB verwenden?
Ja. HWB (Hue, Whiteness, Blackness) ist ein neueres CSS-Farbformat, mit dem sich Farben intuitiv anpassen lassen. Geben Sie Ihren HWB-Wert im Format hwb(H W% B%) ein und das Tool konvertiert ihn in alle anderen Formate.
Wie genau ist die nächstgelegene benannte Farbübereinstimmung?
Das Tool verwendet den euklidischen Abstand im RGB-Raum, um die nächstgelegene CSS-benannte Farbe zu finden. Wenn Ihre Farbe genau mit einer benannten Farbe übereinstimmt, wird eine exakte Übereinstimmung angezeigt. Andernfalls wird die am nächsten liegende benannte Farbe angezeigt, die geringfügig von Ihrer Eingabe abweichen kann.
Autoritative Referenzen & Quellen
CSS Color Module Level 4 - W3C
Quelle anzeigenColor Values - MDN Web Docs
Quelle anzeigenNamed CSS Colors
Quelle anzeigenÄhnliche Tools
Entdecken Sie weitere nützliche Werkzeuge für dieses Aufgabengebiet.