Registrieren Registrieren
Halloween 2021

Halloween 2021

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

Zurück zur Bibliothek

Halloween 2021

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

Bearbeiten
Lebendig 8 Farben Neutral Gemischt Komplementär vibrant ghost spooky halloween
Likes 23
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #7CFC9C;
  --c-vibrant-2: #E74AE8;
  --c-vibrant-3: #4646F5;
  --c-vibrant-4: #98FCF8;
  --c-vibrant-5: #F6CB57;
  --c-vibrant-6: #ED6E6F;
  --c-vibrant-7: #9740C3;
  --c-vibrant-8: #332D3F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Glitchy Shader Blue (#98FCF8) bis zum dunkelsten Ton Viola Black (#332D3F). Sie vereint Lunatic Sky Dancer, Lake Retba Pink, Pretentious Peacock, Glitchy Shader Blue, Stella, Zahri Pink, Akebi Purple und Viola Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #98FCF8 auf #332D3F mit 11,09:1.

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

Farben im Detail

Lunatic Sky Dancer #7CFC9C
RGB
rgb(124, 252, 156)
HSL
hsl(135, 96%, 74%)
Luminanz
0,763
Lake Retba Pink #E74AE8
RGB
rgb(231, 74, 232)
HSL
hsl(300, 77%, 60%)
Luminanz
0,277
Pretentious Peacock #4646F5
RGB
rgb(70, 70, 245)
HSL
hsl(240, 90%, 62%)
Luminanz
0,123
Glitchy Shader Blue #98FCF8
RGB
rgb(152, 252, 248)
HSL
hsl(178, 94%, 79%)
Luminanz
0,831
Stella #F6CB57
RGB
rgb(246, 203, 87)
HSL
hsl(44, 90%, 65%)
Luminanz
0,630
Zahri Pink #ED6E6F
RGB
rgb(237, 110, 111)
HSL
hsl(360, 78%, 68%)
Luminanz
0,303
Akebi Purple #9740C3
RGB
rgb(151, 64, 195)
HSL
hsl(280, 52%, 51%)
Luminanz
0,142
Viola Black #332D3F
RGB
rgb(51, 45, 63)
HSL
hsl(260, 17%, 21%)
Luminanz
0,029

Kontrast & Barrierefreiheit

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

Aa #98FCF8 auf #332D3F 11,09:1 AAA
Aa #7CFC9C auf #332D3F 10,24:1 AAA
Aa #F6CB57 auf #332D3F 8,56:1 AAA
Aa #4646F5 auf #98FCF8 5,10:1 AA
Aa #7CFC9C auf #4646F5 4,71:1 AA
Aa #98FCF8 auf #9740C3 4,59:1 AA
Aa #ED6E6F auf #332D3F 4,45:1 AA (großer Text)
Aa #7CFC9C auf #9740C3 4,24:1 AA (großer Text)
Aa #E74AE8 auf #332D3F 4,12:1 AA (großer Text)
Aa #4646F5 auf #F6CB57 3,94:1 AA (großer Text)
Aa #F6CB57 auf #9740C3 3,54:1 AA (großer Text)
Aa #E74AE8 auf #98FCF8 2,69:1 Nicht bestanden
Aa #7CFC9C auf #E74AE8 2,49:1 Nicht bestanden
Aa #98FCF8 auf #ED6E6F 2,49:1 Nicht bestanden
Aa #9740C3 auf #332D3F 2,42:1 Nicht bestanden
Aa #7CFC9C auf #ED6E6F 2,30:1 Nicht bestanden
Aa #4646F5 auf #332D3F 2,18:1 Nicht bestanden
Aa #E74AE8 auf #F6CB57 2,08:1 Nicht bestanden
Aa #4646F5 auf #ED6E6F 2,04:1 Nicht bestanden
Aa #F6CB57 auf #ED6E6F 1,93:1 Nicht bestanden
Aa #E74AE8 auf #4646F5 1,89:1 Nicht bestanden
Aa #ED6E6F auf #9740C3 1,84:1 Nicht bestanden
Aa #E74AE8 auf #9740C3 1,71:1 Nicht bestanden
Aa #98FCF8 auf #F6CB57 1,30:1 Nicht bestanden
Aa #7CFC9C auf #F6CB57 1,20:1 Nicht bestanden
Aa #4646F5 auf #9740C3 1,11:1 Nicht bestanden
Aa #7CFC9C auf #98FCF8 1,08:1 Nicht bestanden
Aa #E74AE8 auf #ED6E6F 1,08:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben