Grün Farbcode (#008000)

Grün ist #008000 im Hex-Format und rgb(0, 128, 0) – ein dunkles Grün. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Grün
#008000
CSS-Namegreen
Hex#008000
RGBrgb(0, 128, 0)
HSLhsl(120 100% 25%)
HWBhwb(120 0% 50%)
CMYK100%, 0%, 100%, 50%

Töne und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Grüner Text auf Weiß5.14 : 1AA
Grüner Text auf Schwarz4.09 : 1nur 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).

Häufige Fragen

Wie lautet der Hex-Code für Grün?
#008000 – das entspricht rgb(0, 128, 0) und hsl(120, 100%, 25%). In CSS kannst du auch einfach green schreiben.
Ist grüner Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 5.14 : 1, damit besteht die Farbe den WCAG-AA-Test für normalen Text.
Welche Farben passen gut zu Grün?
Die Komplementärfarbe ist #800080; die analogen Farben #408000 und #008040 liegen im Farbkreis direkt daneben.