Farbkonverter

Über dieses Tool

Ein Farbkonverter nimmt einen Farbwert entgegen und zeigt ihn gleichzeitig in allen anderen gängigen Formaten an. Gib einen HEX-Code, einen rgb()/rgba()-Wert oder einen hsl()/hsla()-Wert ein oder füge ihn ein, das Tool erkennt das Format automatisch und listet die entsprechenden HEX-, RGB-, HSL-, HSV- und CMYK-Werte auf. Ein großes Farbmuster zeigt die Farbe an, mit einem Schachbrettmuster im Hintergrund, wenn die Farbe transparent ist. Du kannst eine Farbe auch über die native Farbauswahl des Browsers wählen, die mit dem Textfeld synchron bleibt.

Alles läuft in deinem Browser. Die eingegebene oder gewählte Farbe verlässt nie dein Gerät, daher kannst du Markenfarben aus einem internen Designsystem oder dem Styleguide eines Kunden umwandeln, ohne sie auf einer fremden Website einzufügen.

Nützlich, um den HEX-Code eines Designers in die RGB- oder HSL-Werte umzuwandeln, die eine CSS-Datei braucht, um zu prüfen, wie eine Farbe mit teilweiser Deckkraft aussieht, oder um CMYK-Prozentwerte für den Druck aus einer am Bildschirm gewählten Farbe zu erhalten. Die vollständige Liste der CSS-Farbnotationen findest du in der <color>-Referenz von MDN.