von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.
Hintergrundfarbe yellow | Schriftfarbe lightblue | |||||
Detail | : | Hintergrund yellow | Detail | : | Schrift lightblue | |
Farbe | : | yellow | Farbe | : | lightblue | |
Farbwert | : | #ffff00 | Farbwert | : | #add8e6 | |
HTML | : | yellow | HTML | : | lightblue | |
HTML (Wert) | : | #ffff00 | HTML (Wert) | : | #add8e6 | |
CSS | : | yellow | CSS | : | lightblue | |
CSS (Wert) | : | #ffff00 | CSS (Wert) | : | #add8e6 | |
CSS (kürzest) | : | #ff0 | CSS (kürzest) | : | #add8e6 | |
CSS (RGB) | : | rgb(255,255,0) | CSS (RGB) | : | rgb(173,216,230) | |
CSS (%RGB) | : | rgb(100%,100%,0%) | CSS (%RGB) | : | rgb(67%,84%,90%) |
Verlauf Hintergrundfarbe yellow nach Schriftfarbe lightblue | |||||||
#ffff00 | #f3f920 | #e7f341 | #dbee62 | #d0e883 | #c4e3a4 | #b8ddc5 | #add8e6 |
#ffff00 | #f3f920 | #e7f341 | #dbee62 | #d0e883 | #c4e3a4 | #b8ddc5 | #add8e6 |
Kombination von yellow und lightblue | |||||||
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. | lightblue eignet sich nicht als Schriftfarbe auf Hintergrund yellow. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von lightblue und yellow ergibt sich zu 93.22%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.78%. |
Hintergrundfarbe yellow | Schriftfarbe lightblue | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#ffff00 | #ffff00 | #ffff00 | #ffff00 | #add8e6 | #add8e6 | #add8e6 | #add8e6 |
#ffff24 | #ffff24 | #dada00 | #dada00 | #b8dde9 | #b8dde9 | #94b9c5 | #94b9c5 |
#ffff48 | #ffff48 | #b6b600 | #b6b600 | #c4e3ed | #c4e3ed | #7b9aa4 | #7b9aa4 |
#ffff6d | #ffff6d | #919100 | #919100 | #d0e8f0 | #d0e8f0 | #627b83 | #627b83 |
#ffff91 | #ffff91 | #6d6d00 | #6d6d00 | #dbeef4 | #dbeef4 | #4a5c62 | #4a5c62 |
#ffffb6 | #ffffb6 | #484800 | #484800 | #e7f3f7 | #e7f3f7 | #313d41 | #313d41 |
#ffffda | #ffffda | #242400 | #242400 | #f3f9fb | #f3f9fb | #181e20 | #181e20 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Für dieses Beispiel umranden wir <tfoot> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe lightblue . Den Hintergrund von <tfoot> färben wir entsprechend mit Farbe yellow. Mit HTML ist das nicht machbar. Deshalb verwenden wir hier CSS.
<style type="text/css"><!-- tfoot { border-color: lightblue; border-width: 1px; background-color: yellow; border-style: outset; } //--> </style>
Weiteres zum Thema tfoot können Sie in Tabellen in HTML lesen. Beschreibung vom hier gezeigten HTML-Befehl <tfoot>.
Ein Verweis wird mit HTML-Befehl <a> gesetzt. Er kann farblich gestaltet werden.
Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbe lightblue und die Hintergrundfarbe von <a> auf Farbe yellow. Als Schriftart wählen wir monospace und verkleinern die Schriftgröße auf 97%.
<style type="text/css"><!-- a { font-family: monospace; font-size: 97%; color: lightblue; background-color: yellow; } //--> </style>
Mehr zu a erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum Tag <a>.