Registrieren Registrieren
TY Alien World 7

TY Alien World 7

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

Zurück zur Bibliothek

TY Alien World 7

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

Bearbeiten
Lebendig 7 Farben Kühl Dunkel Komplementär futuristic space scifi alien
Likes 12
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #C8FF61;
  --c-vibrant-2: #30CBB2;
  --c-vibrant-3: #1F9A40;
  --c-vibrant-4: #10646D;
  --c-vibrant-5: #2D455E;
  --c-vibrant-6: #173924;
  --c-vibrant-7: #050B33;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Pear Spritz (#C8FF61) bis zum dunkelsten Ton Infinite Night (#050B33). Sie vereint Pear Spritz, Swimmers Pool, Gangly Gremlin, Seamount, Indigo Streamer, Deep Fir und Infinite Night in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C8FF61 auf #050B33 mit 16,27:1.

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

Farben im Detail

Pear Spritz #C8FF61
RGB
rgb(200, 255, 97)
HSL
hsl(81, 100%, 69%)
Luminanz
0,847
Swimmers Pool #30CBB2
RGB
rgb(48, 203, 178)
HSL
hsl(170, 62%, 49%)
Luminanz
0,466
Gangly Gremlin #1F9A40
RGB
rgb(31, 154, 64)
HSL
hsl(136, 66%, 36%)
Luminanz
0,238
Seamount #10646D
RGB
rgb(16, 100, 109)
HSL
hsl(186, 74%, 25%)
Luminanz
0,103
Indigo Streamer #2D455E
RGB
rgb(45, 69, 94)
HSL
hsl(211, 35%, 27%)
Luminanz
0,056
Deep Fir #173924
RGB
rgb(23, 57, 36)
HSL
hsl(143, 43%, 16%)
Luminanz
0,032
Infinite Night #050B33
RGB
rgb(5, 11, 51)
HSL
hsl(232, 82%, 11%)
Luminanz
0,005

Kontrast & Barrierefreiheit

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

Aa #C8FF61 auf #050B33 16,27:1 AAA
Aa #C8FF61 auf #173924 10,89:1 AAA
Aa #30CBB2 auf #050B33 9,36:1 AAA
Aa #C8FF61 auf #2D455E 8,44:1 AAA
Aa #30CBB2 auf #173924 6,26:1 AA
Aa #C8FF61 auf #10646D 5,85:1 AA
Aa #1F9A40 auf #050B33 5,22:1 AA
Aa #30CBB2 auf #2D455E 4,85:1 AA
Aa #1F9A40 auf #173924 3,49:1 AA (großer Text)
Aa #30CBB2 auf #10646D 3,36:1 AA (großer Text)
Aa #C8FF61 auf #1F9A40 3,12:1 AA (großer Text)
Aa #10646D auf #050B33 2,78:1 Nicht bestanden
Aa #1F9A40 auf #2D455E 2,71:1 Nicht bestanden
Aa #2D455E auf #050B33 1,93:1 Nicht bestanden
Aa #1F9A40 auf #10646D 1,88:1 Nicht bestanden
Aa #10646D auf #173924 1,86:1 Nicht bestanden
Aa #30CBB2 auf #1F9A40 1,79:1 Nicht bestanden
Aa #C8FF61 auf #30CBB2 1,74:1 Nicht bestanden
Aa #173924 auf #050B33 1,49:1 Nicht bestanden
Aa #10646D auf #2D455E 1,44:1 Nicht bestanden
Aa #2D455E auf #173924 1,29: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