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 midnightblue | Schriftfarbe indigo | |||||
Detail | : | Hintergrund midnightblue | Detail | : | Schrift indigo | |
Farbe | : | midnightblue | Farbe | : | indigo | |
Farbwert | : | #191970 | Farbwert | : | #4b0082 | |
HTML | : | midnightblue | HTML | : | indigo | |
HTML (Wert) | : | #191970 | HTML (Wert) | : | #4b0082 | |
CSS | : | midnightblue | CSS | : | indigo | |
CSS (Wert) | : | #191970 | CSS (Wert) | : | #4b0082 | |
CSS (kürzest) | : | #191970 | CSS (kürzest) | : | #4b0082 | |
CSS (RGB) | : | rgb(25,25,112) | CSS (RGB) | : | rgb(75,0,130) | |
CSS (%RGB) | : | rgb(9%,9%,43%) | CSS (%RGB) | : | rgb(29%,0%,50%) |
Verlauf Hintergrundfarbe midnightblue nach Schriftfarbe indigo | |||||||
#191970 | #201572 | #271175 | #2e0e77 | #350a7a | #3c077c | #43037f | #4b0082 |
#191970 | #201572 | #271175 | #2e0e77 | #350a7a | #3c077c | #43037f | #4b0082 |
Kombination von midnightblue und indigo | |||||||
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Die Ähnlichkeit von indigo und midnightblue ergibt sich zu 94.54%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.46%. indigo eignet sich nicht als Schriftfarbe auf Hintergrund midnightblue. Die Unterschiede in der Helligkeit und Farbe sind zu gering. |
Hintergrundfarbe midnightblue | Schriftfarbe indigo | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#191970 | #191970 | #191970 | #191970 | #4b0082 | #4b0082 | #4b0082 | #4b0082 |
#393984 | #393984 | #151560 | #151560 | #642493 | #642493 | #40006f | #40006f |
#5a5a98 | #5a5a98 | #111150 | #111150 | #7e48a5 | #7e48a5 | #35005c | #35005c |
#7b7bad | #7b7bad | #0e0e40 | #0e0e40 | #986db7 | #986db7 | #2a004a | #2a004a |
#9c9cc1 | #9c9cc1 | #0a0a30 | #0a0a30 | #b191c9 | #b191c9 | #200037 | #200037 |
#bdbdd6 | #bdbdd6 | #070720 | #070720 | #cbb6db | #cbb6db | #150025 | #150025 |
#dedeea | #dedeea | #030310 | #030310 | #e5daed | #e5daed | #0a0012 | #0a0012 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Für dieses Beispiel umranden wir <hr> mit einem gestrichelten, 3 Pixel dicken Rahmen in Farbe indigo . Die Hintergrundfarbe für <hr> setzen wir auf Farbe midnightblue. Dies ist in HTML nicht möglich. Wir nutzen daher CSS.
<style type="text/css"><!-- hr { border:3px dashed indigo; background-color:midnightblue; } //--> </style>
Mehr zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten Tag <hr>.
Mit HTML-Befehl <a> wird ein Verweis gesetzt. Dieser kann farblich gestaltet werden.
Die Hintergrundfarbe soll sich von Farbe midnightblue auf Farbe indigo ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbe midnightblue vor.
Als Beispiel legen wir Farbe midnightblue als Hintergrundfarbe von <a> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new und vergrößern die Schriftgröße auf 115%.
<style type="text/css"><!-- a { font-size: 115%; background-color: midnightblue; font-family: courier new; } //--> </style>Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf indigo geändert wird.
<style type="text/css"><!-- a:hover { background-color:indigo; } //--> </style>
Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom Tag <a>.