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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.
Hintergrundfarbe azure | Schriftfarbe indigo | |||||
| Detail | : | Hintergrund azure | Detail | : | Schrift indigo | |
| Farbe | : | azure | Farbe | : | indigo | |
| Farbwert | : | #f0ffff | Farbwert | : | #4b0082 | |
| HTML | : | azure | HTML | : | indigo | |
| HTML (Wert) | : | #f0ffff | HTML (Wert) | : | #4b0082 | |
| CSS | : | azure | CSS | : | indigo | |
| CSS (Wert) | : | #f0ffff | CSS (Wert) | : | #4b0082 | |
| CSS (kürzest) | : | #f0ffff | CSS (kürzest) | : | #4b0082 | |
| CSS (RGB) | : | rgb(240,255,255) | CSS (RGB) | : | rgb(75,0,130) | |
| CSS (%RGB) | : | rgb(94%,100%,100%) | CSS (%RGB) | : | rgb(29%,0%,50%) | |
Verlauf Hintergrundfarbe azure nach Schriftfarbe indigo | |||||||
| #f0ffff | #d8daed | #c0b6db | #a991c9 | #916db7 | #7a48a5 | #622493 | #4b0082 |
| #f0ffff | #d8daed | #c0b6db | #a991c9 | #916db7 | #7a48a5 | #622493 | #4b0082 |
Kombination von azure und indigo | |||||||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. | indigo eignet sich als Schriftfarbe auf Hintergrund azure. Die Unterschiede in Helligkeit und Farbe sind geeignet. Die Ähnlichkeit der Farben indigo und azure beträgt 39.94%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 60.06%. | ||||||
Hintergrundfarbe azure | Schriftfarbe indigo | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #f0ffff | #f0ffff | #f0ffff | #f0ffff | #4b0082 | #4b0082 | #4b0082 | #4b0082 |
| #f2ffff | #f2ffff | #cddada | #cddada | #642493 | #642493 | #40006f | #40006f |
| #f4ffff | #f4ffff | #abb6b6 | #abb6b6 | #7e48a5 | #7e48a5 | #35005c | #35005c |
| #f6ffff | #f6ffff | #899191 | #899191 | #986db7 | #986db7 | #2a004a | #2a004a |
| #f8ffff | #f8ffff | #666d6d | #666d6d | #b191c9 | #b191c9 | #200037 | #200037 |
| #faffff | #faffff | #444848 | #444848 | #cbb6db | #cbb6db | #150025 | #150025 |
| #fcffff | #fcffff | #222424 | #222424 | #e5daed | #e5daed | #0a0012 | #0a0012 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Wir ändern bei diesem Beispiel die Textfarbe von <table> auf Farbe indigo und die Hintergrundfarbe von <table> auf Farbe azure. Die Schriftart ändern wir auf verdana. Die Schriftgröße setzen wir auf 12px.
<style type="text/css"><!-- table { color:indigo; font-size:12px; font-family:verdana; background-color:azure; } //--> </style>
Mehr zu table können Sie in Tabellen in HTML erfahren. Weiteres zum hier verwendeten HTML-Tag <table>.