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 peru | Schriftfarbwert #48d1cc | |||||
Detail | : | Hintergrund peru | Detail | : | Schrift #48d1cc | |
Farbe | : | peru | Farbwert | : | #48d1cc | |
Farbwert | : | #cd853f | Farbe | : | mediumturquoise | |
HTML | : | peru | HTML | : | #48d1cc | |
HTML (Wert) | : | #cd853f | HTML (Wert) | : | #48d1cc | |
CSS | : | peru | CSS | : | #48d1cc | |
CSS (Wert) | : | #cd853f | CSS (Wert) | : | #48d1cc | |
CSS (kürzest) | : | #cd853f | CSS (kürzest) | : | #48d1cc | |
CSS (RGB) | : | rgb(205,133,63) | CSS (RGB) | : | rgb(72,209,204) | |
CSS (%RGB) | : | rgb(80%,52%,24%) | CSS (%RGB) | : | rgb(28%,81%,80%) |
Verlauf Hintergrundfarbe peru nach Schriftfarbwert #48d1cc | |||||||
#cd853f | #ba8f53 | #a79a67 | #94a57b | #81b08f | #6ebba3 | #5bc6b7 | #48d1cc |
#cd853f | #ba8f53 | #a79a67 | #94a57b | #81b08f | #6ebba3 | #5bc6b7 | #48d1cc |
Kombination von peru und #48d1cc | |||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. | Auf Hintergrund peru ist #48d1cc ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #48d1cc und peru ergibt sich zu 92.36%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.64%. |
Hintergrundfarbe peru | Schriftfarbwert #48d1cc | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#cd853f | #cd853f | #cd853f | #cd853f | #48d1cc | #48d1cc | #48d1cc | #48d1cc |
#d4965a | #d4965a | #af7236 | #af7236 | #62d7d3 | #62d7d3 | #3db3ae | #3db3ae |
#dba775 | #dba775 | #925f2d | #925f2d | #7cdeda | #7cdeda | #339591 | #339591 |
#e2b991 | #e2b991 | #754c24 | #754c24 | #96e4e1 | #96e4e1 | #297774 | #297774 |
#e9caac | #e9caac | #57391b | #57391b | #b0ebe9 | #b0ebe9 | #1e5957 | #1e5957 |
#f0dcc8 | #f0dcc8 | #3a2612 | #3a2612 | #caf1f0 | #caf1f0 | #143b3a | #143b3a |
#f7ede3 | #f7ede3 | #1d1309 | #1d1309 | #e4f8f7 | #e4f8f7 | #0a1d1d | #0a1d1d |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Die Hintergrundfarbe soll sich von Farbe peru auf Farbwert #48d1cc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <col> in Farbe peru vor.
Wir setzen hier bei <col> die Hintergrundfarbe auf Farbe peru. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif. Die Schriftgröße vergrößern wir auf 123%:
<style type="text/css"><!-- col { background-color: peru; font-family: sans-serif; font-size: 123%; } //--> </style>Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #48d1cc gesetzt wird.
<style type="text/css"><!-- col:hover { background-color:#48d1cc; } //--> </style>
Mehr zu col erfahren Sie in Tabellen in HTML. Beschreibung des hier gezeigten HTML-Tag <col>.
Die Rahmenfarbe soll sich von Farbe peru auf Farbwert #48d1cc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <dt> in Farbe peru vor.
In diesem Beispiel umranden wir <dt> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe peru.
<style type="text/css"><!-- dt { border:5px dashed peru; } //--> </style>Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #48d1cc ändert.
<style type="text/css"><!-- dt: hover { border-color: #48d1cc; } //--> </style>
Weiteres zum Thema können Sie in Listen und Glossare in HTML nachlesen. Die Beschreibung des Befehl dt erfahren Sie in der HTML Referenz unter <dt>.