Über Hellgrün
Hellgrün (lightgreen) ist ein helles, lebendiges Grün mit dem HEX-Code #90ee90 bzw. rgb(144, 238, 144). Im HSL-Modell liegt es bei einem Farbton von 120°, 73 % Sättigung und 75 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightgreen; statt des HEX-Werts schreiben.
Hellgrün für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Hellgrüner Text auf Weiß | 1.42 : 1 | nicht bestanden |
| Hellgrüner Text auf Schwarz | 14.82 : 1 | AAA |
Auf einem hellgrünen Hintergrund verwendest du Schwarz als Textfarbe (14.82 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.
CSS
.element {
color: lightgreen; /* or #90ee90 */
background-color: #90ee90;
border: 1px solid rgb(144 238 144 / 50%);
}
Ähnliche benannte Farben
Blassgrün (#98fb98), Dunkelmeergrün (#8fbc8f), Mittleres Aquamarin (#66cdaa), Aquamarin (#7fffd4), Dunkelgrau (#a9a9a9), Dunkelkhaki (#bdb76b).
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.