Startseite Farbpaletten EXISTENTIAL DEMO

EXISTENTIAL DEMO

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

Zurück zur Bibliothek

EXISTENTIAL DEMO

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär green gameboy gb teal

Likes 66

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F8F3FD;
  --c-vibrant-2: #FAC6B4;
  --c-vibrant-3: #9ADAE7;
  --c-vibrant-4: #97CB1D;
  --c-vibrant-5: #5DA2CA;
  --c-vibrant-6: #DA298E;
  --c-vibrant-7: #0B8633;
  --c-vibrant-8: #2E2B12;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sugar Crystal (#F8F3FD) bis zum dunkelsten Ton Brown Tumbleweed (#2E2B12). Sie vereint Sugar Crystal, Salmon Beauty, Cool Water Lake, Thick Green, Alaskan Blue, Dark Princess Pink, Broccoli Paradise und Brown Tumbleweed in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F8F3FD auf #2E2B12 mit 13,08:1.

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

Farben im Detail

Sugar Crystal #F8F3FD

RGB: rgb(248, 243, 253)
HSL: hsl(270, 71%, 97%)
Luminanz: 0,912

Salmon Beauty #FAC6B4

RGB: rgb(250, 198, 180)
HSL: hsl(15, 88%, 84%)
Luminanz: 0,640

Cool Water Lake #9ADAE7

RGB: rgb(154, 218, 231)
HSL: hsl(190, 62%, 75%)
Luminanz: 0,628

Thick Green #97CB1D

RGB: rgb(151, 203, 29)
HSL: hsl(78, 75%, 45%)
Luminanz: 0,494

Alaskan Blue #5DA2CA

RGB: rgb(93, 162, 202)
HSL: hsl(202, 51%, 58%)
Luminanz: 0,324

Dark Princess Pink #DA298E

RGB: rgb(218, 41, 142)
HSL: hsl(326, 71%, 51%)
Luminanz: 0,184

Broccoli Paradise #0B8633

RGB: rgb(11, 134, 51)
HSL: hsl(140, 85%, 28%)
Luminanz: 0,174

Brown Tumbleweed #2E2B12

RGB: rgb(46, 43, 18)
HSL: hsl(54, 44%, 13%)
Luminanz: 0,024

Kontrast & Barrierefreiheit

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

Aa #F8F3FD auf #2E2B12 13,08:1 AAA

Aa #FAC6B4 auf #2E2B12 9,39:1 AAA

Aa #9ADAE7 auf #2E2B12 9,22:1 AAA

Aa #97CB1D auf #2E2B12 7,40:1 AAA

Aa #5DA2CA auf #2E2B12 5,09:1 AA

Aa #F8F3FD auf #0B8633 4,30:1 AA (großer Text)

Aa #F8F3FD auf #DA298E 4,10:1 AA (großer Text)

Aa #DA298E auf #2E2B12 3,19:1 AA (großer Text)

Aa #FAC6B4 auf #0B8633 3,09:1 AA (großer Text)

Aa #0B8633 auf #2E2B12 3,04:1 AA (großer Text)

Aa #9ADAE7 auf #0B8633 3,03:1 AA (großer Text)

Aa #FAC6B4 auf #DA298E 2,94:1 Nicht bestanden

Aa #9ADAE7 auf #DA298E 2,89:1 Nicht bestanden

Aa #F8F3FD auf #5DA2CA 2,57:1 Nicht bestanden

Aa #97CB1D auf #0B8633 2,43:1 Nicht bestanden

Aa #97CB1D auf #DA298E 2,32:1 Nicht bestanden

Aa #FAC6B4 auf #5DA2CA 1,84:1 Nicht bestanden

Aa #9ADAE7 auf #5DA2CA 1,81:1 Nicht bestanden

Aa #F8F3FD auf #97CB1D 1,77:1 Nicht bestanden

Aa #5DA2CA auf #0B8633 1,67:1 Nicht bestanden

Aa #5DA2CA auf #DA298E 1,60:1 Nicht bestanden

Aa #97CB1D auf #5DA2CA 1,45:1 Nicht bestanden

Aa #F8F3FD auf #9ADAE7 1,42:1 Nicht bestanden

Aa #F8F3FD auf #FAC6B4 1,39:1 Nicht bestanden

Aa #FAC6B4 auf #97CB1D 1,27:1 Nicht bestanden

Aa #9ADAE7 auf #97CB1D 1,25:1 Nicht bestanden

Aa #DA298E auf #0B8633 1,05:1 Nicht bestanden

Aa #FAC6B4 auf #9ADAE7 1,02:1 Nicht bestanden

EXISTENTIAL DEMO