Registrieren Registrieren
Old Sch8l

Old Sch8l

Palette mit 8 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Old Sch8l

Palette mit 8 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Gedeckt 8 Farben Kühl Dunkel Komplementär retro
Likes 13
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #333300;
  --c-muted-3: #993300;
  --c-muted-4: #6666CC;
  --c-muted-5: #003366;
  --c-muted-6: #339933;
  --c-muted-7: #999933;
  --c-muted-8: #CCCCCC;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Cerebral Grey (#CCCCCC) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Wasabi Nori, Chocoholic, Dark Periwinkle, Prussian Blue, Putting Green, Appletini und Cerebral Grey 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 #000000 auf #CCCCCC 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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Wasabi Nori #333300
RGB
rgb(51, 51, 0)
HSL
hsl(60, 100%, 10%)
Luminanz
0,031
Chocoholic #993300
RGB
rgb(153, 51, 0)
HSL
hsl(20, 100%, 30%)
Luminanz
0,091
Dark Periwinkle #6666CC
RGB
rgb(102, 102, 204)
HSL
hsl(240, 50%, 60%)
Luminanz
0,167
Prussian Blue #003366
RGB
rgb(0, 51, 102)
HSL
hsl(210, 100%, 20%)
Luminanz
0,033
Putting Green #339933
RGB
rgb(51, 153, 51)
HSL
hsl(120, 50%, 40%)
Luminanz
0,237
Appletini #999933
RGB
rgb(153, 153, 51)
HSL
hsl(60, 50%, 40%)
Luminanz
0,298
Cerebral Grey #CCCCCC
RGB
rgb(204, 204, 204)
HSL
hsl(0, 0%, 80%)
Luminanz
0,604

Kontrast & Barrierefreiheit

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

Aa #000000 auf #CCCCCC 13,08:1 AAA
Aa #333300 auf #CCCCCC 8,10:1 AAA
Aa #003366 auf #CCCCCC 7,85:1 AAA
Aa #000000 auf #999933 6,96:1 AA
Aa #000000 auf #339933 5,75:1 AA
Aa #993300 auf #CCCCCC 4,62:1 AA
Aa #000000 auf #6666CC 4,34:1 AA (großer Text)
Aa #333300 auf #999933 4,31:1 AA (großer Text)
Aa #003366 auf #999933 4,18:1 AA (großer Text)
Aa #333300 auf #339933 3,56:1 AA (großer Text)
Aa #003366 auf #339933 3,45:1 AA (großer Text)
Aa #6666CC auf #CCCCCC 3,01:1 AA (großer Text)
Aa #000000 auf #993300 2,83:1 Nicht bestanden
Aa #333300 auf #6666CC 2,69:1 Nicht bestanden
Aa #6666CC auf #003366 2,60:1 Nicht bestanden
Aa #993300 auf #999933 2,46:1 Nicht bestanden
Aa #339933 auf #CCCCCC 2,28:1 Nicht bestanden
Aa #993300 auf #339933 2,03:1 Nicht bestanden
Aa #999933 auf #CCCCCC 1,88:1 Nicht bestanden
Aa #333300 auf #993300 1,75:1 Nicht bestanden
Aa #993300 auf #003366 1,70:1 Nicht bestanden
Aa #000000 auf #003366 1,67:1 Nicht bestanden
Aa #000000 auf #333300 1,61:1 Nicht bestanden
Aa #6666CC auf #999933 1,60:1 Nicht bestanden
Aa #993300 auf #6666CC 1,53:1 Nicht bestanden
Aa #6666CC auf #339933 1,32:1 Nicht bestanden
Aa #339933 auf #999933 1,21:1 Nicht bestanden
Aa #333300 auf #003366 1,03:1 Nicht bestanden

Ähnliche Paletten

#212121 #323232 #0D7377 #14FFEC
4 Farben
#0A2647 #144272 #205295 #2C74B3
4 Farben
#040D12 #183D3D #5C8374 #93B1A6
4 Farben
#142850 #27496D #0C7B93 #00A8CC
4 Farben
#635985 #443C68 #393053 #18122B
4 Farben
#000000 #150050 #3F0071 #610094
4 Farben
#151515 #301B3F #3C415C #B4A5A5
4 Farben
#041C32 #04293A #064663 #ECB365
4 Farben