Spooky6

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

Zurück zur Bibliothek

Spooky6

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

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär monoramp 6color halloween

Likes 64

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #050027;
  --c-vibrant-2: #35014B;
  --c-vibrant-3: #7C0A72;
  --c-vibrant-4: #BE1D47;
  --c-vibrant-5: #FFA33F;
  --c-vibrant-6: #FFFDCB;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Ice Yellow (#FFFDCB) bis zum dunkelsten Ton Insomnia (#050027). Sie vereint Insomnia, Edge of Space, Patriarch, Ahmar Red, Radiation Carrot und Ice Yellow 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 #050027 auf #FFFDCB mit 19,47:1.

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

Farben im Detail

Insomnia #050027

RGB: rgb(5, 0, 39)
HSL: hsl(248, 100%, 8%)
Luminanz: 0,002

Edge of Space #35014B

RGB: rgb(53, 1, 75)
HSL: hsl(282, 97%, 15%)
Luminanz: 0,013

Patriarch #7C0A72

RGB: rgb(124, 10, 114)
HSL: hsl(305, 85%, 26%)
Luminanz: 0,057

Ahmar Red #BE1D47

RGB: rgb(190, 29, 71)
HSL: hsl(344, 74%, 43%)
Luminanz: 0,123

Radiation Carrot #FFA33F

RGB: rgb(255, 163, 63)
HSL: hsl(31, 100%, 62%)
Luminanz: 0,478

Ice Yellow #FFFDCB

RGB: rgb(255, 253, 203)
HSL: hsl(58, 100%, 90%)
Luminanz: 0,958

Kontrast & Barrierefreiheit

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

Aa #050027 auf #FFFDCB 19,47:1 AAA

Aa #35014B auf #FFFDCB 16,04:1 AAA

Aa #050027 auf #FFA33F 10,20:1 AAA

Aa #7C0A72 auf #FFFDCB 9,41:1 AAA

Aa #35014B auf #FFA33F 8,40:1 AAA

Aa #BE1D47 auf #FFFDCB 5,83:1 AA

Aa #7C0A72 auf #FFA33F 4,93:1 AA

Aa #050027 auf #BE1D47 3,34:1 AA (großer Text)

Aa #BE1D47 auf #FFA33F 3,06:1 AA (großer Text)

Aa #35014B auf #BE1D47 2,75:1 Nicht bestanden

Aa #050027 auf #7C0A72 2,07:1 Nicht bestanden

Aa #FFA33F auf #FFFDCB 1,91:1 Nicht bestanden

Aa #35014B auf #7C0A72 1,70:1 Nicht bestanden

Aa #7C0A72 auf #BE1D47 1,61:1 Nicht bestanden

Aa #050027 auf #35014B 1,21:1 Nicht bestanden

Spooky6

Spooky6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen