https://www.compuhelpts.com/Color_Codes_1.pdf
| Color | Hex | Name | Color | Hex | Name |
|---|---|---|---|---|---|
| whitesmoke | lime | ||||
| lightgray | yellowgreen | ||||
| darkgray | limegreen | ||||
| gray | mediumseagreen | ||||
| black | green | ||||
| lightcoral | yellow | ||||
| red | gold | ||||
| crimson | orange | ||||
| firebrick | goldenrod | ||||
| darkred | saddlebrown | ||||
| skyblue | |||||
| deepskyblue | |||||
| royalblue | |||||
| blue | |||||
| mediumblue |
Eine Webseite kann über die CSS Eigenschaft color-scheme an Elementen angeben, in welchen Darstellungsmodi das Element gezeichnet werden kann. Global für die ganze Webseite geht das z.B. durch:
:root { color-scheme: light dark; }
Das Betriebssystem selbst kommt mit einem vorgeschlagenen Darstellungsmodus dunkel oder hell oder mit einem erzwungenen Darstellungsmodus, z.B. für hohen Kontrast.
Die Vorschläge sind in CSS über die media query prefers-color-scheme abfragbar:
@media (prefers-color-scheme: dark) {}
@media (prefers-color-scheme: light) {}Dadurch lässt sich sehr einfach eine Webseite in einem dunklen oder hellen Modus darstellen welcher im Betriebssystem ausgewählt ist.
forced-color-adjust: none;Text rgb(255, 255, 255) #FFFFFF
Background rgb(0, 0, 0) #000000
Link Text rgb(255, 255, 0) #FFFF00
Link Text (visited) rgb(63, 242, 63) #3FF23F
Selected text or other highlighted thing Foreground rgb(0, 0, 0) #000000 Background rgb(26, 235, 255) #1AEBFF