Toxic Haze

Palette mit 7 Farben · Neutral · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Toxic Haze

Palette mit 7 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 7 Farben Neutral Gemischt Analog green 7 toxic haze

Likes 81

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #E5FF00;
  --c-muted-2: #B8D14A;
  --c-muted-3: #9AB06E;
  --c-muted-4: #708763;
  --c-muted-5: #4C5C52;
  --c-muted-6: #393E40;
  --c-muted-7: #242424;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Lime Jelly (#E5FF00) bis zum dunkelsten Ton Verified Black (#242424). Sie vereint Lime Jelly, Solid Gold, Rural Eyes, Equatorial Forest, Feldgrau, Seaplane Grey und Verified Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E5FF00 auf #242424 mit 13,78:1.

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

Farben im Detail

Lime Jelly #E5FF00

RGB: rgb(229, 255, 0)
HSL: hsl(66, 100%, 50%)
Luminanz: 0,882

Solid Gold #B8D14A

RGB: rgb(184, 209, 74)
HSL: hsl(71, 59%, 55%)
Luminanz: 0,563

Rural Eyes #9AB06E

RGB: rgb(154, 176, 110)
HSL: hsl(80, 29%, 56%)
Luminanz: 0,391

Equatorial Forest #708763

RGB: rgb(112, 135, 99)
HSL: hsl(98, 15%, 46%)
Luminanz: 0,217

Feldgrau #4C5C52

RGB: rgb(76, 92, 82)
HSL: hsl(143, 10%, 33%)
Luminanz: 0,098

Seaplane Grey #393E40

RGB: rgb(57, 62, 64)
HSL: hsl(197, 6%, 24%)
Luminanz: 0,047

Verified Black #242424

RGB: rgb(36, 36, 36)
HSL: hsl(0, 0%, 14%)
Luminanz: 0,018

Kontrast & Barrierefreiheit

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

Aa #E5FF00 auf #242424 13,78:1 AAA

Aa #E5FF00 auf #393E40 9,62:1 AAA

Aa #B8D14A auf #242424 9,06:1 AAA

Aa #9AB06E auf #242424 6,51:1 AA

Aa #B8D14A auf #393E40 6,33:1 AA

Aa #E5FF00 auf #4C5C52 6,30:1 AA

Aa #9AB06E auf #393E40 4,55:1 AA

Aa #B8D14A auf #4C5C52 4,14:1 AA (großer Text)

Aa #708763 auf #242424 3,94:1 AA (großer Text)

Aa #E5FF00 auf #708763 3,49:1 AA (großer Text)

Aa #9AB06E auf #4C5C52 2,98:1 Nicht bestanden

Aa #708763 auf #393E40 2,75:1 Nicht bestanden

Aa #B8D14A auf #708763 2,30:1 Nicht bestanden

Aa #4C5C52 auf #242424 2,19:1 Nicht bestanden

Aa #E5FF00 auf #9AB06E 2,12:1 Nicht bestanden

Aa #708763 auf #4C5C52 1,80:1 Nicht bestanden

Aa #9AB06E auf #708763 1,65:1 Nicht bestanden

Aa #4C5C52 auf #393E40 1,53:1 Nicht bestanden

Aa #E5FF00 auf #B8D14A 1,52:1 Nicht bestanden

Aa #393E40 auf #242424 1,43:1 Nicht bestanden

Aa #B8D14A auf #9AB06E 1,39:1 Nicht bestanden

Toxic Haze

Toxic Haze

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen