von Thomas Salvador.
Es gibt insgesamt acht Grundfarben. Sie bestehen aus zwei unbunten Grundfarben (Schwarz und Weiß) und sechs bunten Grundfarben.
Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.
In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.
Hintergrundfarbwert #00ffff | ||||||
Detail | : | Hintergrundfarbwert #00ffff | Verlauf nach Weiß | Verlauf nach Schwarz | ||
Farbwert | : | #00ffff | #00ffff | #00ffff | #00ffff | #00ffff |
Farbe | : | aqua | #24ffff | #24ffff | #00dada | #00dada |
HTML | : | #00ffff | #48ffff | #48ffff | #00b6b6 | #00b6b6 |
CSS | : | #00ffff | #6dffff | #6dffff | #009191 | #009191 |
CSS (Wert) | : | #00ffff | #91ffff | #91ffff | #006d6d | #006d6d |
CSS (kürzest) | : | #0ff | #b6ffff | #b6ffff | #004848 | #004848 |
CSS (RGB) | : | rgb(0,255,255) | #daffff | #daffff | #002424 | #002424 |
CSS (%RGB) | : | rgb(0%,100%,100%) | #ffffff | #ffffff | #000000 | #000000 |
Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <dt> vor.
<style type="text/css"><!-- dt { color: #1519c9; } //--> </style>Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #00ffff gesetzt wird.
<style type="text/css"><!-- dt:hover { color:#0ff; } //--> </style>
Weiteres zu dt können Sie in Listen und Glossare in HTML erfahren. Der HTML-Befehl dt ist in der HTML Referenz bei <dt> zusammengestellt.
Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
---|---|---|---|---|---|---|
aqua | #00ffff | + | aqua | #00ffff | aqua / #00ffff | |
black | #000000 | + | black | #000000 | black / #00ffff | |
blue | #0000ff | + | blue | #0000ff | blue / #00ffff | |
fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #00ffff | |
lime | #00ff00 | + | lime | #00ff00 | lime / #00ffff | |
red | #ff0000 | + | red | #ff0000 | red / #00ffff | |
white | #ffffff | + | white | #ffffff | white / #00ffff | |
yellow | #ffff00 | + | yellow | #ffff00 | yellow / #00ffff |