Startseite Farbpaletten Mindful Monsters

Mindful Monsters

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Mindful Monsters

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 9 Farben Warm Gemischt Komplementär pixelart calm monsters quirky

Likes 7

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #310091;
  --c-vibrant-3: #860000;
  --c-vibrant-4: #BE0000;
  --c-vibrant-5: #E9AAAA;
  --c-vibrant-6: #FFD8D8;
  --c-vibrant-7: #FFFFFF;
  --c-vibrant-8: #85FF00;
  --c-vibrant-9: #00BD1C;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Full Swing Indigo, Chanticleer, Free Speech Red, Hibiscus Petal, Forgotten Pink, White, Lasting Lime und Pedestrian Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

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

Farben im Detail

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Full Swing Indigo #310091

RGB: rgb(49, 0, 145)
HSL: hsl(260, 100%, 28%)
Luminanz: 0,027

Chanticleer #860000

RGB: rgb(134, 0, 0)
HSL: hsl(0, 100%, 26%)
Luminanz: 0,051

Free Speech Red #BE0000

RGB: rgb(190, 0, 0)
HSL: hsl(0, 100%, 37%)
Luminanz: 0,110

Hibiscus Petal #E9AAAA

RGB: rgb(233, 170, 170)
HSL: hsl(0, 59%, 79%)
Luminanz: 0,490

Forgotten Pink #FFD8D8

RGB: rgb(255, 216, 216)
HSL: hsl(0, 100%, 92%)
Luminanz: 0,753

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Lasting Lime #85FF00

RGB: rgb(133, 255, 0)
HSL: hsl(89, 100%, 50%)
Luminanz: 0,765

Pedestrian Green #00BD1C

RGB: rgb(0, 189, 28)
HSL: hsl(129, 100%, 37%)
Luminanz: 0,365

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #000000 auf #85FF00 16,30:1 AAA

Aa #000000 auf #FFD8D8 16,07:1 AAA

Aa #310091 auf #FFFFFF 13,64:1 AAA

Aa #000000 auf #E9AAAA 10,80:1 AAA

Aa #310091 auf #85FF00 10,59:1 AAA

Aa #310091 auf #FFD8D8 10,44:1 AAA

Aa #860000 auf #FFFFFF 10,43:1 AAA

Aa #000000 auf #00BD1C 8,30:1 AAA

Aa #860000 auf #85FF00 8,10:1 AAA

Aa #860000 auf #FFD8D8 7,98:1 AAA

Aa #310091 auf #E9AAAA 7,01:1 AAA

Aa #BE0000 auf #FFFFFF 6,58:1 AA

Aa #310091 auf #00BD1C 5,39:1 AA

Aa #860000 auf #E9AAAA 5,36:1 AA

Aa #BE0000 auf #85FF00 5,11:1 AA

Aa #BE0000 auf #FFD8D8 5,04:1 AA

Aa #860000 auf #00BD1C 4,12:1 AA (großer Text)

Aa #BE0000 auf #E9AAAA 3,38:1 AA (großer Text)

Aa #000000 auf #BE0000 3,19:1 AA (großer Text)

Aa #BE0000 auf #00BD1C 2,60:1 Nicht bestanden

Aa #FFFFFF auf #00BD1C 2,53:1 Nicht bestanden

Aa #310091 auf #BE0000 2,07:1 Nicht bestanden

Aa #000000 auf #860000 2,01:1 Nicht bestanden

Aa #85FF00 auf #00BD1C 1,97:1 Nicht bestanden

Aa #E9AAAA auf #FFFFFF 1,95:1 Nicht bestanden

Aa #FFD8D8 auf #00BD1C 1,94:1 Nicht bestanden

Aa #860000 auf #BE0000 1,58:1 Nicht bestanden

Aa #000000 auf #310091 1,54:1 Nicht bestanden

Aa #E9AAAA auf #85FF00 1,51:1 Nicht bestanden

Aa #E9AAAA auf #FFD8D8 1,49:1 Nicht bestanden

Aa #310091 auf #860000 1,31:1 Nicht bestanden

Aa #FFD8D8 auf #FFFFFF 1,31:1 Nicht bestanden

Aa #E9AAAA auf #00BD1C 1,30:1 Nicht bestanden

Aa #FFFFFF auf #85FF00 1,29:1 Nicht bestanden

Aa #FFD8D8 auf #85FF00 1,01:1 Nicht bestanden

Mindful Monsters