Über Rasengrün
Rasengrün (lawngreen) ist ein mittleres, leuchtendes Grün mit dem HEX-Code #7cfc00, oder rgb(124, 252, 0). Im HSL-Modell liegt es bei einem Farbton von 90°, 100 % Sättigung und 49 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des HEX-Werts einfach color: lawngreen; schreiben kannst.
Rasengrün für Text und Hintergründe
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Rasengrüner Text auf Weiß | 1.33 : 1 | fällt durch |
| Rasengrüner Text auf Schwarz | 15.78 : 1 | AAA |
Auf einem rasengrünen Hintergrund solltest du schwarzen Text verwenden (15.78 : 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: lawngreen; /* or #7cfc00 */
background-color: #7cfc00;
border: 1px solid rgb(124 252 0 / 50%);
}
Ähnliche benannte Farben
Chartreuse (#7fff00), Grüngelb (#adff2f), Gelbgrün (#9acd32), Limettengrün (#32cd32), Olivdrab (#6b8e23), Limette (#00ff00).
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.