Über Oliv
Oliv (olive) ist ein dunkles, kräftiges Gelb mit dem Hex-Code #808000 bzw. rgb(128, 128, 0). Im HSL-Farbraum liegt es bei einem Farbton von 60°, 100 % Sättigung und 25 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: olive; statt des Hex-Werts schreiben kannst.
Oliv für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Oliver Text auf Weiß | 4,20 : 1 | nur AA für große Schrift |
| Oliver Text auf Schwarz | 5,01 : 1 | AA |
Auf einem olivfarbenen Hintergrund verwendest du am besten schwarzen Text (5,01 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrastprüfer testen.
CSS
.element {
color: olive; /* or #808000 */
background-color: #808000;
border: 1px solid rgb(128 128 0 / 50%);
}Ähnliche benannte Farben
Olivedrab (#6b8e23), Dunkles Goldrutengelb (#b8860b), Sattelbraun (#8b4513), Dunkles Olivgrün (#556b2f), Sienna (#a0522d), Schokolade (#d2691e).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.