Farbkonverter

Wandelt eine Farbe zwischen den drei in CSS und Design-Tools gängigsten Formaten um — HEX (`#rrggbb`), RGB (`rgb(r, g, b)`) und HSL (`hsl(Farbton, Sättigung%, Helligkeit%)`) — und aktualisiert alle drei, sobald eines geändert wird, dazu eine Farbauswahl zum visuellen Wählen.

Einen Wert in das HEX-, RGB- oder HSL-Feld eingeben oder auf das Farbfeld der Farbauswahl klicken, um visuell zu wählen; die anderen beiden Felder werden automatisch passend aktualisiert. Das benötigte Format mit der Kopieren-Schaltfläche übernehmen.

Ein reines mittleres Blau wie `#3366CC` entspricht `rgb(51, 102, 204)` und `hsl(220, 60%, 50%)` — dieselbe Farbe, auf drei verschiedene Arten beschrieben, je nachdem, ob man in hexadezimalen Bytes, Rot-/Grün-/Blau-Kanälen oder Farbton/Sättigung/Helligkeit denkt.

HEX und RGB beschreiben eine Farbe beide als Anteile von rotem, grünem und blauem Licht, nur unterschiedlich geschrieben (hexadezimale Paare gegenüber dezimalen Werten von 0–255); HSL beschreibt eine Farbe stattdessen über ihre Position auf einem Farbkreis (Farbton), wie kräftig sie ist (Sättigung) und wie hell oder dunkel sie ist (Helligkeit) — viele finden das beim Anpassen von Farbtönen intuitiver.

HEX ist in CSS und Design-Software das gängigste Format für eine kompakte, exakte Farbe; RGB ist in Canvas-/Grafikcode üblich und dort, wo einzelne Kanäle wichtig sind; HSL wird oft bevorzugt, wenn Farbvarianten erzeugt werden, da das Verschieben von Helligkeit oder Sättigung vorhersehbar hellere, dunklere oder gedämpftere Versionen desselben Farbtons erzeugt.

Dieses Tool wandelt vollständig deckende Farben zwischen diesen drei Formaten um; es unterstützt keine Alpha-Transparenz (RGBA/HSLA), benannte CSS-Farben oder andere Farbräume wie CMYK oder LAB.

Die Umrechnung erfolgt vollständig im Browser per clientseitigem JavaScript; die eingegebenen Farben werden niemals an einen Server hochgeladen oder gespeichert.