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 #00ff00 | Schriftfarbe fuchsia | |||||
| Detail | : | Hintergrund #00ff00 | Detail | : | Schrift fuchsia | |
| Farbwert | : | #00ff00 | Farbe | : | fuchsia | |
| Farbe | : | lime | Farbwert | : | #ff00ff | |
| HTML | : | #00ff00 | HTML | : | fuchsia | |
| HTML (Wert) | : | #00ff00 | HTML (Wert) | : | #ff00ff | |
| CSS | : | #00ff00 | CSS | : | fuchsia | |
| CSS (Wert) | : | #00ff00 | CSS (Wert) | : | #ff00ff | |
| CSS (kürzest) | : | #0f0 | CSS (kürzest) | : | #f0f | |
| CSS (RGB) | : | rgb(0,255,0) | CSS (RGB) | : | rgb(255,0,255) | |
| CSS (%RGB) | : | rgb(0%,100%,0%) | CSS (%RGB) | : | rgb(100%,0%,100%) | |
Verlauf Hintergrundfarbwert #00ff00 nach Schriftfarbe fuchsia | |||||||
| #00ff00 | #24da24 | #48b648 | #6d916d | #916d91 | #b648b6 | #da24da | #ff00ff |
| #00ff00 | #24da24 | #48b648 | #6d916d | #916d91 | #b648b6 | #da24da | #ff00ff |
Kombination von #00ff00 und fuchsia | |||||||
| 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. | Die Ähnlichkeit von fuchsia und #00ff00 ergibt sich zu 89.12%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.88%. Auf Hintergrund #00ff00 ist fuchsia ungeeignet, da der Helligkeitsunterschied zu gering ist | ||||||
Hintergrundfarbwert #00ff00 | Schriftfarbe fuchsia | ||||||
| Verlauf nach Weiß | Verlauf nach Schwarz | Verlauf nach Weiß | Verlauf nach Schwarz | ||||
| #00ff00 | #00ff00 | #00ff00 | #00ff00 | #ff00ff | #ff00ff | #ff00ff | #ff00ff |
| #24ff24 | #24ff24 | #00da00 | #00da00 | #ff24ff | #ff24ff | #da00da | #da00da |
| #48ff48 | #48ff48 | #00b600 | #00b600 | #ff48ff | #ff48ff | #b600b6 | #b600b6 |
| #6dff6d | #6dff6d | #009100 | #009100 | #ff6dff | #ff6dff | #910091 | #910091 |
| #91ff91 | #91ff91 | #006d00 | #006d00 | #ff91ff | #ff91ff | #6d006d | #6d006d |
| #b6ffb6 | #b6ffb6 | #004800 | #004800 | #ffb6ff | #ffb6ff | #480048 | #480048 |
| #daffda | #daffda | #002400 | #002400 | #ffdaff | #ffdaff | #240024 | #240024 |
| #ffffff | #ffffff | #000000 | #000000 | #ffffff | #ffffff | #000000 | #000000 |
Für dieses Beispiel umranden wir <textarea> mit einem . Den Hintergrund von <textarea> färben wir entsprechend mit Farbwert #00ff00. Dies geht in HTML kaum. Deshalb formatieren wir hier mit CSS.
<style type="text/css"><!-- textarea { border:1px dashed fuchsia; background-color:#00ff00; } //--> </style>
Weiteres zum Thema können Sie in Formulare in HTML erfahren. Die Beschreibung des hier verwendeten HTML-Befehl textarea finden Sie in der HTML Referenz unter <textarea>.
| Hintergrund | Farbwert | Farbe | und | Schrift | Farbwert | Farbkombination |
|---|---|---|---|---|---|---|
| aqua | #00ffff | + | aqua | #00ffff | aqua / #00ff00 | |
| black | #000000 | + | black | #000000 | black / #00ff00 | |
| blue | #0000ff | + | blue | #0000ff | blue / #00ff00 | |
| fuchsia | #ff00ff | + | fuchsia | #ff00ff | fuchsia / #00ff00 | |
| lime | #00ff00 | + | lime | #00ff00 | lime / #00ff00 | |
| red | #ff0000 | + | red | #ff0000 | red / #00ff00 | |
| white | #ffffff | + | white | #ffffff | white / #00ff00 | |
| yellow | #ffff00 | + | yellow | #ffff00 | yellow / #00ff00 |