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 #ffff00 | Schriftfarbe yellow | |||||
| Detail | : | Hintergrund #ffff00 | Detail | : | Schrift yellow | |
| Farbwert | : | #ffff00 | Farbe | : | yellow | |
| Farbe | : | yellow | Farbwert | : | #ffff00 | |
| HTML | : | #ffff00 | HTML | : | yellow | |
| HTML (Wert) | : | #ffff00 | HTML (Wert) | : | #ffff00 | |
| CSS | : | #ffff00 | CSS | : | yellow | |
| CSS (Wert) | : | #ffff00 | CSS (Wert) | : | #ffff00 | |
| CSS (kürzest) | : | #ff0 | CSS (kürzest) | : | #ff0 | |
| CSS (RGB) | : | rgb(255,255,0) | CSS (RGB) | : | rgb(255,255,0) | |
| CSS (%RGB) | : | rgb(100%,100%,0%) | CSS (%RGB) | : | rgb(100%,100%,0%) | |
Verlauf Hintergrundfarbwert #ffff00 nach Schriftfarbe yellow | |||||||
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
Kombination von #ffff00 und yellow | |||||||
Natürlich ist es sinnlos für Schrift und Hintergrund die gleiche Farbe zu setzen. yellow ist nicht als Schriftfarbe auf Hintergrund #ffff00 geeignet, da sich die Schrift gar nicht vom Hintergrund abhebt. Deshalb entsteht eine Farbfläche. | |||||||
Hintergrundfarbwert #ffff00 | Schriftfarbe yellow | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 | #ffff00 |
| #ffff24 | #ffff24 | #dada00 | #dada00 | #ffff24 | #ffff24 | #dada00 | #dada00 |
| #ffff48 | #ffff48 | #b6b600 | #b6b600 | #ffff48 | #ffff48 | #b6b600 | #b6b600 |
| #ffff6d | #ffff6d | #919100 | #919100 | #ffff6d | #ffff6d | #919100 | #919100 |
| #ffff91 | #ffff91 | #6d6d00 | #6d6d00 | #ffff91 | #ffff91 | #6d6d00 | #6d6d00 |
| #ffffb6 | #ffffb6 | #484800 | #484800 | #ffffb6 | #ffffb6 | #484800 | #484800 |
| #ffffda | #ffffda | #242400 | #242400 | #ffffda | #ffffda | #242400 | #242400 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / #ffff00 | |
| black | #000000 | + | black | #000000 | black / #ffff00 | |
| blue | #0000ff | + | blue | #0000ff | blue / #ffff00 | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #ffff00 | |
| lime | #00ff00 | + | lime | #00ff00 | lime / #ffff00 | |
| red | #ff0000 | + | red | #ff0000 | red / #ffff00 | |
| white | #ffffff | + | white | #ffffff | white / #ffff00 | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / #ffff00 |