Chartreuse Farbcode (#7fff00)

Chartreuse ist #7fff00 im Hex-Format und rgb(127, 255, 0) — ein mittleres Grün. Unten findest du jedes Farbformat, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Chartreuse
#7fff00
CSS-Namechartreuse
Hex#7fff00
RGBrgb(127, 255, 0)
HSLhsl(90 100% 50%)
HWBhwb(90 0% 0%)
CMYK50%, 0%, 100%, 0%

Tints und Shades

Farbharmonien

Über Chartreuse

Chartreuse (chartreuse) ist ein mittleres, leuchtendes Grün mit dem Hex-Code #7fff00, bzw. rgb(127, 255, 0). Im HSL-Modell liegt er bei einem Farbton von 90°, 100 % Sättigung und 50 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: chartreuse; statt des Hex-Werts schreiben.

Chartreuse für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Chartreuse-Text auf Weiß1.30 : 1nicht bestanden
Chartreuse-Text auf Schwarz16.21 : 1AAA

Auf einem Chartreuse-Hintergrund nimmst du schwarzen Text (16.21 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: chartreuse;               /* or #7fff00 */
  background-color: #7fff00;
  border: 1px solid rgb(127 255 0 / 50%);
}

Ähnliche benannte Farben

Lawn Green (#7cfc00), Green Yellow (#adff2f), Yellow Green (#9acd32), Lime Green (#32cd32), Olive Drab (#6b8e23), Lime (#00ff00).

Häufige Fragen

Was ist der Hex-Code für Chartreuse?
#7fff00 — das entspricht rgb(127, 255, 0) und hsl(90, 100%, 50%). In CSS kannst du auch einfach chartreuse schreiben.
Ist Chartreuse-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.30 : 1 und besteht damit nicht den WCAG-Test — nutze die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Chartreuse?
Die Komplementärfarbe ist #8000ff; die analogen Farben #ffff00 und #00ff00 liegen im Farbkreis direkt daneben.