HTML Farbtabelle – Farbcodes und Farbnamen : HTML Farben
Die Reihenfolge der Farben in der HTML Farb-Code-Tabelle ist alphabetisch sortiert. Für jede der 141 Standardfarben ist sowohl der HTML Farbcode als auch der Name der jeweiligen Farbe angegeben. Die Farbtabelle ist eine nützliche Ressource für Webentwickler. Sie hilft Webentwicklern, Farben für ihre Webseiten auszuwählen.
Bis HTML Version 4.x konnte man die Farbe (siehe Farbtabelle einfach mit dem HTML-Tag <FONT
in den Quelltext einfügen. Der auf diese Weise ausgezeichnete wurde dann in der gewählten Farbe dargestellt. Diese Art der Gestaltung ist ab HTML Version 5 nicht mehr zulässig. Um einzelne Wörter oder ganze Textstellen einzufärben, werden heute grundsätzlich entsprechende CSS-Klassen definiert.color
="Farbe"
>Beispieltext
</FONT>
Um eine Textstelle in einer anderen Farbe auszugeben, kann man z.B. <SPAN
verwenden.class
="hightlight"
>Beispieltext
</SPAN>
Der Hex Farb-Code ist die bekannteste und am häufigsten verwendete Methode, um Farben und Hintergründe zu definieren. Dieser Code basiert auf dem RGB-Farbmodell, bei dem alle Farben durch Mischen der drei Primärfarben Rot, Grün und Blau erzeugt werden. Das Hexadezimalsystem verwendet 16 numerische Symbole. Das sind die Ziffern 0 bis 9 und zusätzlich die Buchstaben A bis F (10 bis 15). Er ist im Vergleich zum RGB-Code eine kompaktere Darstellung zur Definition von Farben. Jeder HTML Farb-Code beginnt mit dem Rautezeichen (auch Hash-Zeichen genannt) # gefolgt von 6 Hex-Ziffern.
- Die 1. und 2. Ziffer bezeichnen den Rot-Anteil
- die 3. und 4. Ziffer bezeichnen den Grün-Anteil
- die 5. und 6. Ziffer bezeichnen den Blau-Anteil
Eine sinnvolle Alternative zu Hex-Codes sind HSL-Werte, die eine besonders intuitive Methode zur Definition von Farben darstellen. Mit HSL ist es möglich, den Farbton (Hue), die Sättigung (Saturation) und die Helligkeit (Lightness) unabhängig voneinander zu definieren. Die Farbtöne für HSL-Werte lassen sich grob vorhersagen, wenn man den H-Wert betrachtet.
- H-Werte zwischen 0 und 30 liefern Rot
- H-Werte zwischen 30 und 60 liefern Orange
- H-Werte zwischen 60 und 150 liefern Grün
- H-Werte zwischen 150 und 270 liefern Blau
- H-Werte zwischen 270 und 360 liefern Violett
Eine HSL-codierte Farbe kann man dunkler oder heller machen. Dazu muss man nur den L-Wert reduzieren oder vergrößern. Der Farbton bleibt dabei unverändert.
Durch Klicken auf das Icon kann ein Farbname oder ein Farbcode in die Zwischenablage kopiert werden. Mit der Tastenkombination Strg-V kannst du diesen Wert in ein anderes Dokument eingefügen.