Registrieren Registrieren
TY Never Found 7

TY Never Found 7

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

Zurück zur Bibliothek

TY Never Found 7

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

Bearbeiten
Gedeckt 7 Farben Kühl Dunkel Komplementär dark fantasy darkfantasy rpg
Likes 13
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #141F15;
  --c-muted-3: #28283F;
  --c-muted-4: #36421B;
  --c-muted-5: #474744;
  --c-muted-6: #7D7F52;
  --c-muted-7: #AFAF93;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Olive Sprig (#AFAF93) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Nightmare, Valhalla, Ceylanite, Brattle Spruce, Calliste Green und Olive Sprig in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #AFAF93 mit 9,38: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
Nightmare #141F15
RGB
rgb(20, 31, 21)
HSL
hsl(125, 22%, 10%)
Luminanz
0,012
Valhalla #28283F
RGB
rgb(40, 40, 63)
HSL
hsl(240, 22%, 20%)
Luminanz
0,023
Ceylanite #36421B
RGB
rgb(54, 66, 27)
HSL
hsl(78, 42%, 18%)
Luminanz
0,048
Brattle Spruce #474744
RGB
rgb(71, 71, 68)
HSL
hsl(60, 2%, 27%)
Luminanz
0,063
Calliste Green #7D7F52
RGB
rgb(125, 127, 82)
HSL
hsl(63, 22%, 41%)
Luminanz
0,202
Olive Sprig #AFAF93
RGB
rgb(175, 175, 147)
HSL
hsl(60, 15%, 63%)
Luminanz
0,419

Kontrast & Barrierefreiheit

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

Aa #000000 auf #AFAF93 9,38:1 AAA
Aa #141F15 auf #AFAF93 7,58:1 AAA
Aa #28283F auf #AFAF93 6,40:1 AA
Aa #000000 auf #7D7F52 5,03:1 AA
Aa #36421B auf #AFAF93 4,80:1 AA
Aa #474744 auf #AFAF93 4,16:1 AA (großer Text)
Aa #141F15 auf #7D7F52 4,07:1 AA (großer Text)
Aa #28283F auf #7D7F52 3,43:1 AA (großer Text)
Aa #36421B auf #7D7F52 2,58:1 Nicht bestanden
Aa #000000 auf #474744 2,25:1 Nicht bestanden
Aa #474744 auf #7D7F52 2,23:1 Nicht bestanden
Aa #000000 auf #36421B 1,95:1 Nicht bestanden
Aa #7D7F52 auf #AFAF93 1,86:1 Nicht bestanden
Aa #141F15 auf #474744 1,82:1 Nicht bestanden
Aa #141F15 auf #36421B 1,58:1 Nicht bestanden
Aa #28283F auf #474744 1,54:1 Nicht bestanden
Aa #000000 auf #28283F 1,47:1 Nicht bestanden
Aa #28283F auf #36421B 1,33:1 Nicht bestanden
Aa #000000 auf #141F15 1,24:1 Nicht bestanden
Aa #141F15 auf #28283F 1,19:1 Nicht bestanden
Aa #36421B auf #474744 1,15: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