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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.
Hintergrundfarbe darkkhaki | Schriftfarbwert #0000ff | |||||
Detail | : | Hintergrund darkkhaki | Detail | : | Schrift #0000ff | |
Farbe | : | darkkhaki | Farbwert | : | #0000ff | |
Farbwert | : | #bdb76b | Farbe | : | blue | |
HTML | : | darkkhaki | HTML | : | #0000ff | |
HTML (Wert) | : | #bdb76b | HTML (Wert) | : | #0000ff | |
CSS | : | darkkhaki | CSS | : | #0000ff | |
CSS (Wert) | : | #bdb76b | CSS (Wert) | : | #0000ff | |
CSS (kürzest) | : | #bdb76b | CSS (kürzest) | : | #00f | |
CSS (RGB) | : | rgb(189,183,107) | CSS (RGB) | : | rgb(0,0,255) | |
CSS (%RGB) | : | rgb(74%,71%,41%) | CSS (%RGB) | : | rgb(0%,0%,100%) |
Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #0000ff | |||||||
#bdb76b | #a29c80 | #878295 | #6c68aa | #514ebf | #3634d4 | #1b1ae9 | #0000ff |
#bdb76b | #a29c80 | #878295 | #6c68aa | #514ebf | #3634d4 | #1b1ae9 | #0000ff |
Kombination von darkkhaki und #0000ff | |||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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. | #0000ff eignet sich als Schriftfarbe auf Hintergrund darkkhaki, weil der Unterschied in den Farben in Ordnung ist, der Helligkeitsunterschied auch. Die Ähnlichkeit von #0000ff und darkkhaki beträgt 80.22%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 19.78%. |
Hintergrundfarbe darkkhaki | Schriftfarbwert #0000ff | ||||||
Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
#bdb76b | #bdb76b | #bdb76b | #bdb76b | #0000ff | #0000ff | #0000ff | #0000ff |
#c6c180 | #c6c180 | #a29c5b | #a29c5b | #2424ff | #2424ff | #0000da | #0000da |
#cfcb95 | #cfcb95 | #87824c | #87824c | #4848ff | #4848ff | #0000b6 | #0000b6 |
#d9d5aa | #d9d5aa | #6c683d | #6c683d | #6d6dff | #6d6dff | #000091 | #000091 |
#e2e0bf | #e2e0bf | #514e2d | #514e2d | #9191ff | #9191ff | #00006d | #00006d |
#ecead4 | #ecead4 | #36341e | #36341e | #b6b6ff | #b6b6ff | #000048 | #000048 |
#f5f4e9 | #f5f4e9 | #1b1a0f | #1b1a0f | #dadaff | #dadaff | #000024 | #000024 |
#ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Mit HTML-Befehl <a> setzen Sie einen Link. Dieser kann farblich gestaltet und hervorgehoben werden.
Die Textfarbe soll sich von Farbe darkkhaki auf Farbwert #0000ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbe darkkhaki vor.
Wir ändern hier bei <a> die Textfarbe auf Farbe darkkhaki und vergrößern die Größe der Schrift auf 125%:
<style type="text/css"><!-- a { color: darkkhaki; font-size: 125%; } //--> </style>Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #0000ff ändert.
<style type="text/css"><!-- a: hover { color: #00f; } //--> </style>
Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Der Befehl a ist in der HTML Referenz unter <a> genau zusammengestellt.
In diesem Beispiel ändern wir die Textfarbe von <thead> auf Farbwert #0000ff und die Hintergrundfarbe von <thead> auf Farbe darkkhaki. Als Schriftart setzen wir courier new und erhöhen die Schriftgröße auf 122%.
<style type="text/css"><!-- thead { color:#0000ff; font-size:122%; background-color:darkkhaki; font-family:courier new; } //--> </style>
Mehr zu thead können Sie in Tabellen in HTML finden. Möglichkeiten vom Tag <thead>.