GreenLine

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

GreenLine

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 6 Farben Kühl Gemischt Analog pixelart green 6colors

Likes 37

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #E0FBCB;
  --c-vibrant-2: #99DB48;
  --c-vibrant-3: #38C533;
  --c-vibrant-4: #289D3D;
  --c-vibrant-5: #06483A;
  --c-vibrant-6: #041F11;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Herbal Vapours (#E0FBCB) bis zum dunkelsten Ton Clock Chimes Thirteen (#041F11). Sie vereint Herbal Vapours, Blanka Green, Poisonous Pesticide, Gangly Gremlin, Raspberry Leaf Green und Clock Chimes Thirteen in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E0FBCB auf #041F11 mit 15,57:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Herbal Vapours #E0FBCB

RGB: rgb(224, 251, 203)
HSL: hsl(94, 86%, 89%)
Luminanz: 0,892

Blanka Green #99DB48

RGB: rgb(153, 219, 72)
HSL: hsl(87, 67%, 57%)
Luminanz: 0,579

Poisonous Pesticide #38C533

RGB: rgb(56, 197, 51)
HSL: hsl(118, 59%, 49%)
Luminanz: 0,410

Gangly Gremlin #289D3D

RGB: rgb(40, 157, 61)
HSL: hsl(131, 59%, 39%)
Luminanz: 0,249

Raspberry Leaf Green #06483A

RGB: rgb(6, 72, 58)
HSL: hsl(167, 85%, 15%)
Luminanz: 0,050

Clock Chimes Thirteen #041F11

RGB: rgb(4, 31, 17)
HSL: hsl(149, 77%, 7%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

7 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #E0FBCB auf #041F11 15,57:1 AAA

Aa #99DB48 auf #041F11 10,40:1 AAA

Aa #E0FBCB auf #06483A 9,44:1 AAA

Aa #38C533 auf #041F11 7,61:1 AAA

Aa #99DB48 auf #06483A 6,30:1 AA

Aa #289D3D auf #041F11 4,95:1 AA

Aa #38C533 auf #06483A 4,61:1 AA

Aa #E0FBCB auf #289D3D 3,15:1 AA (großer Text)

Aa #289D3D auf #06483A 3,00:1 AA (großer Text)

Aa #99DB48 auf #289D3D 2,10:1 Nicht bestanden

Aa #E0FBCB auf #38C533 2,05:1 Nicht bestanden

Aa #06483A auf #041F11 1,65:1 Nicht bestanden

Aa #38C533 auf #289D3D 1,54:1 Nicht bestanden

Aa #E0FBCB auf #99DB48 1,50:1 Nicht bestanden

Aa #99DB48 auf #38C533 1,37:1 Nicht bestanden

GreenLine

GreenLine

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen