SPAFF 8

Palette mit 7 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

SPAFF 8

Palette mit 7 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Lebendig 7 Farben Warm Dunkel Komplementär dadaism

Likes 117

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #171900;
  --c-vibrant-2: #5E3801;
  --c-vibrant-3: #225500;
  --c-vibrant-4: #2400FF;
  --c-vibrant-5: #C111C3;
  --c-vibrant-6: #DD0975;
  --c-vibrant-7: #99AA00;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Barf Green (#99AA00) bis zum dunkelsten Ton Chinese Black (#171900). Sie vereint Chinese Black, Brown, Lincoln Green, Blue Pencil, Explosive Purple, Magenta Elephant und Barf Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #171900 auf #99AA00 mit 6,89:1.

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

Farben im Detail

Chinese Black #171900

RGB: rgb(23, 25, 0)
HSL: hsl(65, 100%, 5%)
Luminanz: 0,009

Brown #5E3801

RGB: rgb(94, 56, 1)
HSL: hsl(35, 98%, 19%)
Luminanz: 0,052

Lincoln Green #225500

RGB: rgb(34, 85, 0)
HSL: hsl(96, 100%, 17%)
Luminanz: 0,068

Blue Pencil #2400FF

RGB: rgb(36, 0, 255)
HSL: hsl(248, 100%, 50%)
Luminanz: 0,076

Explosive Purple #C111C3

RGB: rgb(193, 17, 195)
HSL: hsl(299, 84%, 42%)
Luminanz: 0,157

Magenta Elephant #DD0975

RGB: rgb(221, 9, 117)
HSL: hsl(329, 92%, 45%)
Luminanz: 0,169

Barf Green #99AA00

RGB: rgb(153, 170, 0)
HSL: hsl(66, 100%, 33%)
Luminanz: 0,355

Kontrast & Barrierefreiheit

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

Aa #171900 auf #99AA00 6,89:1 AA

Aa #5E3801 auf #99AA00 3,97:1 AA (großer Text)

Aa #171900 auf #DD0975 3,72:1 AA (großer Text)

Aa #171900 auf #C111C3 3,52:1 AA (großer Text)

Aa #225500 auf #99AA00 3,42:1 AA (großer Text)

Aa #2400FF auf #99AA00 3,22:1 AA (großer Text)

Aa #171900 auf #2400FF 2,14:1 Nicht bestanden

Aa #5E3801 auf #DD0975 2,14:1 Nicht bestanden

Aa #5E3801 auf #C111C3 2,03:1 Nicht bestanden

Aa #171900 auf #225500 2,01:1 Nicht bestanden

Aa #C111C3 auf #99AA00 1,96:1 Nicht bestanden

Aa #225500 auf #DD0975 1,85:1 Nicht bestanden

Aa #DD0975 auf #99AA00 1,85:1 Nicht bestanden

Aa #225500 auf #C111C3 1,75:1 Nicht bestanden

Aa #171900 auf #5E3801 1,74:1 Nicht bestanden

Aa #2400FF auf #DD0975 1,73:1 Nicht bestanden

Aa #2400FF auf #C111C3 1,64:1 Nicht bestanden

Aa #5E3801 auf #2400FF 1,23:1 Nicht bestanden

Aa #5E3801 auf #225500 1,16:1 Nicht bestanden

Aa #225500 auf #2400FF 1,06:1 Nicht bestanden

Aa #C111C3 auf #DD0975 1,06:1 Nicht bestanden

SPAFF 8

SPAFF 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen