Über Grün
Grün (green) ist ein dunkles, kräftiges Grün mit dem Hex-Code #008000, oder rgb(0, 128, 0). In HSL liegt es bei einem Farbton von 120°, 100 % Sättigung und 25 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst также color: green; statt des Hex-Werts schreiben.
Grün für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Grüner Text auf Weiß | 5.14 : 1 | AA |
| Grüner Text auf Schwarz | 4.09 : 1 | nur AA bei großem Text |
Auf grünem Hintergrund eignet sich weißer Text (5.14 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen kannst du mit dem Contrast Checker prüfen.
CSS
.element {
color: green; /* or #008000 */
background-color: #008000;
border: 1px solid rgb(0 128 0 / 50%);
}
Ähnliche benannte Farben
Dunkelgrün (#006400), Waldgrün (#228b22), Meeresgrün (#2e8b57), Dunkles Olivgrün (#556b2f), Dunkles Schiefergrau (#2f4f4f), Limettengrün (#32cd32).
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.