Green Farbe

Grün — Die Farbe des Erfolgs und der Natur

#008000Green

Farbwerte

HEX#008000

RGBrgb(0, 128, 0)

HSLhsl(120°, 100%, 25%)

CSSgreen

Farbton-Palette

#F0FFF4

100

#C6F6D5

300

#68D391

500

#48BB78

700

#276749

900

#1C4532

Komplementärfarbe

↔

#800080

Purple

Analoge Farben

#408000

Olive Green

#008040

Sea Green

CSS-Verwendung

CSS

/* By name */
color: green;
background-color: green;

/* By HEX */
color: #008000;
background-color: #008000;

/* By RGB */
color: rgb(0, 128, 0);

/* By HSL */
color: hsl(120deg, 100%, 25%);

/* With opacity */
color: rgba(0, 128, 0, 0.8);
color: hsl(120deg 100% 25% / 80%);

CSS `green` (#008000) ist recht dunkel. Für ein helleres, lebendigeres Grün verwenden Sie `lime` (#00FF00) oder #22C55E (Tailwind green-500). Für Text auf weißem Hintergrund empfiehlt sich #15803D.

Das CSS-Standardgrün (#008000) liegt in dem Wellenlängenbereich, auf den das menschliche Auge am empfindlichsten reagiert, was es sehr gut sichtbar macht. Es symbolisiert Erfolg, Abschluss, Gesundheit und Natur. Im UI-Design wird Grün für Erfolgsmeldungen, abgeschlossene Zustände und genehmigte Status verwendet. Hinweis: CSS `green` ist #008000 (dunkelgrün), während `lime` das helle #00FF00 ist.

Häufige Verwendungsfälle

▸Erfolgsmeldungen — 'Gespeichert', 'Zahlung erfolgreich'
▸Fortschrittsanzeigen — abgeschlossene Lade- und Fortschrittsbalken
▸Umwelt- und Nachhaltigkeitsmarken — Öko-Themes
▸Preisvergleiche — Rabattpreise und günstige Optionen
▸Status-Indikatoren — 'Aktiv', 'Online', 'Verbunden'
▸Finanzdaten — steigende Aktienkurse, Umsatzwachstum

Green Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben