Farbumrechner

RGB (Rot, Grün, Blau) beschreibt Farben als Mischung dreier Lichtkanäle mit Werten von 0 bis 255. HSL (Farbton, Sättigung, Helligkeit) ist anschaulicher: Farbton von 0 bis 360 Grad, Sättigung und Helligkeit von 0 bis 100 Prozent. Gestalterinnen greifen oft zu HSL, weil es sich leichter verändern lässt.

Die Komplementärfarbe liegt im Farbkreis 180 Grad gegenüber. Komplementärfarben erzeugen den größten Kontrast und werden im Gestalten eingesetzt, um Aufmerksamkeit zu lenken. Zu Blau gehört Orange, zu Rot Cyan, zu Grün Magenta.

Analoge Farben liegen im Farbkreis nebeneinander, etwa 30 Grad auseinander, und ergeben weiche, natürliche Zusammenstellungen. Triadische Farben stehen im gleichen Abstand von 120 Grad und bilden ein Dreieck im Kreis: lebhafte, aber ausgewogene Kombinationen.

Ja, HEX ist in CSS und im Webdesign die gebräuchlichste Schreibweise. Die sechsstellige Form (#RRGGBB) verstehen alle Browser. Die Kurzform mit drei Zeichen (#RGB) geht, wenn jedes Paar aus gleichen Ziffern besteht. Der Umrechner zeigt auch RGB und HSL, die in CSS ebenfalls gültig sind.

Es geht von einem HEX-Code aus, ausgeschrieben oder in der kurzen Form mit drei Stellen, und gibt den RGB- und den HSL-Wert derselben Farbe zurück, alle drei zum Kopieren bereit.

Die Palette entsteht, indem der Farbton der Ausgangsfarbe gedreht wird: die Komplementärfarbe um 180 Grad, die analogen um 30 Grad nach beiden Seiten, die triadischen um 120 und 240 Grad. Ein Klick macht einen Ton zur aktiven Farbe.