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 deepskyblue | Schriftfarbwert #fdf5e6 | |||||
| Detail | : | Hintergrund deepskyblue | Detail | : | Schrift #fdf5e6 | |
| Farbe | : | deepskyblue | Farbwert | : | #fdf5e6 | |
| Farbwert | : | #00bfff | Farbe | : | oldlace | |
| HTML | : | deepskyblue | HTML | : | #fdf5e6 | |
| HTML (Wert) | : | #00bfff | HTML (Wert) | : | #fdf5e6 | |
| CSS | : | deepskyblue | CSS | : | #fdf5e6 | |
| CSS (Wert) | : | #00bfff | CSS (Wert) | : | #fdf5e6 | |
| CSS (kürzest) | : | #00bfff | CSS (kürzest) | : | #fdf5e6 | |
| CSS (RGB) | : | rgb(0,191,255) | CSS (RGB) | : | rgb(253,245,230) | |
| CSS (%RGB) | : | rgb(0%,74%,100%) | CSS (%RGB) | : | rgb(99%,96%,90%) | |
Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbwert #fdf5e6 | |||||||
| #00bfff | #24c6fb | #48cef7 | #6cd6f4 | #90ddf0 | #b4e5ed | #d8ede9 | #fdf5e6 |
| #00bfff | #24c6fb | #48cef7 | #6cd6f4 | #90ddf0 | #b4e5ed | #d8ede9 | #fdf5e6 |
Kombination von deepskyblue und #fdf5e6 | |||||||
| Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. | Auf Hintergrund deepskyblue ist #fdf5e6 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #fdf5e6 und deepskyblue ergibt sich zu 90.67%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.33%. | ||||||
Hintergrundfarbe deepskyblue | Schriftfarbwert #fdf5e6 | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #00bfff | #00bfff | #00bfff | #00bfff | #fdf5e6 | #fdf5e6 | #fdf5e6 | #fdf5e6 |
| #24c8ff | #24c8ff | #00a3da | #00a3da | #fdf6e9 | #fdf6e9 | #d8d2c5 | #d8d2c5 |
| #48d1ff | #48d1ff | #0088b6 | #0088b6 | #fdf7ed | #fdf7ed | #b4afa4 | #b4afa4 |
| #6ddaff | #6ddaff | #006d91 | #006d91 | #fdf9f0 | #fdf9f0 | #908c83 | #908c83 |
| #91e3ff | #91e3ff | #00516d | #00516d | #fefaf4 | #fefaf4 | #6c6962 | #6c6962 |
| #b6ecff | #b6ecff | #003648 | #003648 | #fefcf7 | #fefcf7 | #484641 | #484641 |
| #daf5ff | #daf5ff | #001b24 | #001b24 | #fefdfb | #fefdfb | #242320 | #242320 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Mit Tag <h1> erzeugen Sie eine Überschrift. Sie kann hervorgehoben und farblich gestaltet werden.
Die Textfarbe soll sich von Farbe deepskyblue auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <h1> zeigt. Wir bereiten zunächst eine Formatierung von <h1> in Farbe deepskyblue vor.
Wir legen z.B. die Textfarbe von <h1> auf Farbe deepskyblue fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace.
<style type="text/css"><!-- h1 { color: deepskyblue; font-family: monospace; } //--> </style>Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #fdf5e6 geändert wird.
<style type="text/css"><!-- h1: hover { color: #fdf5e6; } //--> </style>
Mehr zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der hier genutzte Befehl h1 ist in der HTML Referenz unter <h1> beschrieben.