Registrieren Registrieren
Halloween Candy

Halloween Candy

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

Zurück zur Bibliothek

Halloween Candy

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

Bearbeiten
Lebendig 8 Farben Neutral Gemischt Komplementär green orange red yellow
Likes 36
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #001122;
  --c-vibrant-2: #221155;
  --c-vibrant-3: #771188;
  --c-vibrant-4: #CC2222;
  --c-vibrant-5: #CC8811;
  --c-vibrant-6: #44CC44;
  --c-vibrant-7: #DDEE55;
  --c-vibrant-8: #EEDDFF;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Maximum Green Yellow (#DDEE55) bis zum dunkelsten Ton Kuretake Black Manga (#001122). Sie vereint Kuretake Black Manga, Praise of Shadow, Extraviolet, Lionheart, Lobster Butter Sauce, Verdant Fields, Maximum Green Yellow und Lavender Savour in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #001122 auf #DDEE55 mit 14,9:1.

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

Farben im Detail

Kuretake Black Manga #001122
RGB
rgb(0, 17, 34)
HSL
hsl(210, 100%, 7%)
Luminanz
0,005
Praise of Shadow #221155
RGB
rgb(34, 17, 85)
HSL
hsl(255, 67%, 20%)
Luminanz
0,014
Extraviolet #771188
RGB
rgb(119, 17, 136)
HSL
hsl(291, 78%, 30%)
Luminanz
0,061
Lionheart #CC2222
RGB
rgb(204, 34, 34)
HSL
hsl(0, 71%, 47%)
Luminanz
0,141
Lobster Butter Sauce #CC8811
RGB
rgb(204, 136, 17)
HSL
hsl(38, 85%, 43%)
Luminanz
0,305
Verdant Fields #44CC44
RGB
rgb(68, 204, 68)
HSL
hsl(120, 57%, 53%)
Luminanz
0,448
Maximum Green Yellow #DDEE55
RGB
rgb(221, 238, 85)
HSL
hsl(67, 82%, 63%)
Luminanz
0,772
Lavender Savour #EEDDFF
RGB
rgb(238, 221, 255)
HSL
hsl(270, 100%, 93%)
Luminanz
0,771

Kontrast & Barrierefreiheit

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

Aa #001122 auf #DDEE55 14,90:1 AAA
Aa #001122 auf #EEDDFF 14,88:1 AAA
Aa #221155 auf #DDEE55 12,85:1 AAA
Aa #221155 auf #EEDDFF 12,84:1 AAA
Aa #001122 auf #44CC44 9,03:1 AAA
Aa #221155 auf #44CC44 7,79:1 AAA
Aa #771188 auf #DDEE55 7,40:1 AAA
Aa #771188 auf #EEDDFF 7,40:1 AAA
Aa #001122 auf #CC8811 6,43:1 AA
Aa #221155 auf #CC8811 5,55:1 AA
Aa #771188 auf #44CC44 4,49:1 AA (großer Text)
Aa #CC2222 auf #DDEE55 4,30:1 AA (großer Text)
Aa #CC2222 auf #EEDDFF 4,30:1 AA (großer Text)
Aa #001122 auf #CC2222 3,46:1 AA (großer Text)
Aa #771188 auf #CC8811 3,20:1 AA (großer Text)
Aa #221155 auf #CC2222 2,99:1 Nicht bestanden
Aa #CC2222 auf #44CC44 2,61:1 Nicht bestanden
Aa #CC8811 auf #DDEE55 2,32:1 Nicht bestanden
Aa #CC8811 auf #EEDDFF 2,31:1 Nicht bestanden
Aa #001122 auf #771188 2,01:1 Nicht bestanden
Aa #CC2222 auf #CC8811 1,86:1 Nicht bestanden
Aa #221155 auf #771188 1,74:1 Nicht bestanden
Aa #771188 auf #CC2222 1,72:1 Nicht bestanden
Aa #44CC44 auf #DDEE55 1,65:1 Nicht bestanden
Aa #44CC44 auf #EEDDFF 1,65:1 Nicht bestanden
Aa #CC8811 auf #44CC44 1,40:1 Nicht bestanden
Aa #001122 auf #221155 1,16:1 Nicht bestanden
Aa #DDEE55 auf #EEDDFF 1,00: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