Registrieren Registrieren
ST 8 Halloween

ST 8 Halloween

Palette mit 8 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

ST 8 Halloween

Palette mit 8 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Gedeckt 8 Farben Warm Dunkel Analog green artist yellow halloween
Likes 41
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #020804;
  --c-muted-2: #060D03;
  --c-muted-3: #0D1A05;
  --c-muted-4: #20330A;
  --c-muted-5: #40590D;
  --c-muted-6: #798113;
  --c-muted-7: #C7AA1F;
  --c-muted-8: #E5CF39;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Crazy (#E5CF39) bis zum dunkelsten Ton Black Metal (#020804). Sie vereint Black Metal, Whiten’t, Pinch of Pepper, Darkest Forest, Lustrian Undergrowth, Olive, Citronette und Crazy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #020804 auf #E5CF39 mit 12,82:1.

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

Farben im Detail

Black Metal #020804
RGB
rgb(2, 8, 4)
HSL
hsl(140, 60%, 2%)
Luminanz
0,002
Whiten’t #060D03
RGB
rgb(6, 13, 3)
HSL
hsl(102, 63%, 3%)
Luminanz
0,003
Pinch of Pepper #0D1A05
RGB
rgb(13, 26, 5)
HSL
hsl(97, 68%, 6%)
Luminanz
0,008
Darkest Forest #20330A
RGB
rgb(32, 51, 10)
HSL
hsl(88, 67%, 12%)
Luminanz
0,027
Lustrian Undergrowth #40590D
RGB
rgb(64, 89, 13)
HSL
hsl(80, 75%, 20%)
Luminanz
0,083
Olive #798113
RGB
rgb(121, 129, 19)
HSL
hsl(64, 74%, 29%)
Luminanz
0,198
Citronette #C7AA1F
RGB
rgb(199, 170, 31)
HSL
hsl(50, 73%, 45%)
Luminanz
0,410
Crazy #E5CF39
RGB
rgb(229, 207, 57)
HSL
hsl(52, 77%, 56%)
Luminanz
0,616

Kontrast & Barrierefreiheit

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

Aa #020804 auf #E5CF39 12,82:1 AAA
Aa #060D03 auf #E5CF39 12,48:1 AAA
Aa #0D1A05 auf #E5CF39 11,41:1 AAA
Aa #020804 auf #C7AA1F 8,85:1 AAA
Aa #20330A auf #E5CF39 8,65:1 AAA
Aa #060D03 auf #C7AA1F 8,62:1 AAA
Aa #0D1A05 auf #C7AA1F 7,88:1 AAA
Aa #20330A auf #C7AA1F 5,98:1 AA
Aa #40590D auf #E5CF39 5,02:1 AA
Aa #020804 auf #798113 4,78:1 AA
Aa #060D03 auf #798113 4,65:1 AA
Aa #0D1A05 auf #798113 4,25:1 AA (großer Text)
Aa #40590D auf #C7AA1F 3,47:1 AA (großer Text)
Aa #20330A auf #798113 3,22:1 AA (großer Text)
Aa #798113 auf #E5CF39 2,68:1 Nicht bestanden
Aa #020804 auf #40590D 2,55:1 Nicht bestanden
Aa #060D03 auf #40590D 2,49:1 Nicht bestanden
Aa #0D1A05 auf #40590D 2,27:1 Nicht bestanden
Aa #40590D auf #798113 1,87:1 Nicht bestanden
Aa #798113 auf #C7AA1F 1,85:1 Nicht bestanden
Aa #20330A auf #40590D 1,72:1 Nicht bestanden
Aa #020804 auf #20330A 1,48:1 Nicht bestanden
Aa #C7AA1F auf #E5CF39 1,45:1 Nicht bestanden
Aa #060D03 auf #20330A 1,44:1 Nicht bestanden
Aa #0D1A05 auf #20330A 1,32:1 Nicht bestanden
Aa #020804 auf #0D1A05 1,12:1 Nicht bestanden
Aa #060D03 auf #0D1A05 1,09:1 Nicht bestanden
Aa #020804 auf #060D03 1,03:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben