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 greenyellow | Schriftfarbwert #ee82ee | |||||
Detail | : | Hintergrund greenyellow | Detail | : | Schrift #ee82ee | |
Farbe | : | greenyellow | Farbwert | : | #ee82ee | |
Farbwert | : | #adff2f | Farbe | : | violet | |
HTML | : | greenyellow | HTML | : | #ee82ee | |
HTML (Wert) | : | #adff2f | HTML (Wert) | : | #ee82ee | |
CSS | : | greenyellow | CSS | : | #ee82ee | |
CSS (Wert) | : | #adff2f | CSS (Wert) | : | #ee82ee | |
CSS (kürzest) | : | #adff2f | CSS (kürzest) | : | #ee82ee | |
CSS (RGB) | : | rgb(173,255,47) | CSS (RGB) | : | rgb(238,130,238) | |
CSS (%RGB) | : | rgb(67%,100%,18%) | CSS (%RGB) | : | rgb(93%,50%,93%) |
Verlauf Hintergrundfarbe greenyellow nach Schriftfarbwert #ee82ee | |||||||
#adff2f | #b6ed4a | #bfdb65 | #c8c980 | #d2b79c | #dba5b7 | #e493d2 | #ee82ee |
#adff2f | #b6ed4a | #bfdb65 | #c8c980 | #d2b79c | #dba5b7 | #e493d2 | #ee82ee |
Kombination von greenyellow und #ee82ee | |||||||
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. | Auf Hintergrund greenyellow ist #ee82ee ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von #ee82ee und greenyellow ergibt sich zu 91.00%. Die Lesbarkeit dieser Kombination bewerte ich mit 9.00%. |
Hintergrundfarbe greenyellow | Schriftfarbwert #ee82ee | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#adff2f | #adff2f | #adff2f | #adff2f | #ee82ee | #ee82ee | #ee82ee | #ee82ee |
#b8ff4c | #b8ff4c | #94da28 | #94da28 | #f093f0 | #f093f0 | #cc6fcc | #cc6fcc |
#c4ff6a | #c4ff6a | #7bb621 | #7bb621 | #f2a5f2 | #f2a5f2 | #aa5caa | #aa5caa |
#d0ff88 | #d0ff88 | #62911a | #62911a | #f5b7f5 | #f5b7f5 | #884a88 | #884a88 |
#dbffa5 | #dbffa5 | #4a6d14 | #4a6d14 | #f7c9f7 | #f7c9f7 | #663766 | #663766 |
#e7ffc3 | #e7ffc3 | #31480d | #31480d | #fadbfa | #fadbfa | #442544 | #442544 |
#f3ffe1 | #f3ffe1 | #182406 | #182406 | #fcedfc | #fcedfc | #221222 | #221222 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
In diesem Beispiel ändern wir die Textfarbe von <abbr> auf Farbwert #ee82ee und die Hintergrundfarbe von <abbr> auf Farbe greenyellow. Die Schriftart ändern wir auf monospace und als Schriftgröße wählen wir 13px.
<style type="text/css"><!-- abbr { font-size:13px; color:#ee82ee; background-color:greenyellow; font-family:monospace; } //--> </style>
Zur Beschreibung des Tag <abbr>.
Hier umranden wir <th> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #ee82ee . Den Hintergrund von <th> färben wir entsprechend mit Farbe greenyellow. Das geht mit HTML nicht. Wir nutzen deshalb CSS.
<style type="text/css"><!-- th { border-color:#ee82ee; background-color:greenyellow; border-width:5px; border-style:dotted; } //--> </style>
Mehr zu th erfahren Sie in Tabellen in HTML. Mehr zum Tag th ist in der HTML Referenz unter <th> genau zusammengestellt.