HTML Farben

Vereinzelte einfarbige Flächen wirken auf weißem Hintergrund tendenziell deplaziert. Da macht ein schönes Farbtemplate schon mehr her, ist allerdings auch schwieriger zu erzeugen. Schon das Finden zweier miteinander harmonierender Farben hat so manchem Webdesigner bereits graue Haare wachsen lassen und kostbare Zeit für das suchende Austesten der passenden Farbkombinationen geraubt. Zum Glück gibt es jetzt HTML-Farben.

Helligkeit

Sättigung

50%

Übersichten

Detailansichten

Farbton:

191

Resultierende Farbe:

Protokoll:

#3F737F

Und hier ist der Trick: Anstatt sich aufwendig durch den RGB-Farbraum zu hangeln, konzentrieren wir uns auf HSV, bei dem Farben mit Parametern wie Sättigung, Helligkeit und Farbton beschrieben werden. Aha, nur den Farbraum wechseln und das ist der ganze Trick von HTML-Farben? Nein. Ok, gehen wir an der Stelle einen Schritt zurück. Im Grunde setzen sich Farben immer aus mehreren, meistens drei, Komponenten zusammen - rot, grün, blau oder margenta, cyan, yellow oder eben Farbton, Helligkeit und Sättigung. Wenn wir eine Farbe erzeugen wollen, müssen wir uns entscheiden, wieviel von jeder Komponente zu unserer Farbe beitragen soll.

Bei dem Farbwähler auf der Startseite haben wir schon gesehen, wie aus Rot, Grün und Blau Farben werden, wie Komponenten zu Farbe. Damit lassen sich recht gut im Kontrast harmonierende Farben erzeugen. Bei einem Farbtemplate geht es um aber um Feinabstufungen innerhalb einer 'Farbklasse'. Beispielweise unterscheiden sich in einem roten Farbschema die Grün- UND Blauanteile der Farben meistens leicht. Nochmal: es werden zwei Komponenten - Grün UND Blau - geändert um zu einer Farbe eine harmonsiche andere zu finden. Nach dem Ändern der einen Komponente ist noch gar nicht klar, ob das Anpassen der anderen Komponente die neue Farbe nicht viel zu hell oder dunkel werden läßt. Und das bedeutet: Testen! Testen! Testen! Viel Arbeit eben.

Screenshot dieser Seite

Wieviel einfacher ist es da, nur noch eine Komponente zu verändern, um eine harmonierende Farbe und damit zum Farbtemplate passende Farbe zu finden? Und das genau ist mit HTML-Farben möglich, daß auf dem HSV-Farbraum basiert. Der Punkt ist: Alle Farben, für die zwei der Komponenten Helligkeit, Sättigung oder Farbton identisch sind, harmonieren miteinander. Probier' es aus!

Ach ja, die Technik: Klicke auf eine für Dich attraktive Farbe in den Übersichtsansichten. Der Klick für's Grobe, sozusagen. Für eine filigrane Feinjustierung eignen sich die Detailansichten. Jede Ansicht variiert die Farben im Farbton, links kann ausserdem die Helligkeit und rechts die Sättigung bestimmt werden. Und natürlich werden die Ergebnisse im Protokoll und im Textfeld festgehalten.

Was kann HTML-Farben für Dich tun?

Mehr zum Thema
Wie wird die Farbe Weiss erzeugt?