HTML Grundlagen: Schau dir alle 141 Standardfarben in unserer übersichtlichen Farbtabelle an

English

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 color="Farbe">Beispieltext</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.

Um eine Textstelle in einer anderen Farbe auszugeben, kann man z.B. <SPAN class="hightlight">Beispieltext</SPAN> verwenden.

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.

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.

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.