Registrieren Registrieren
The Roarin' 80's

The Roarin' 80's

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

Zurück zur Bibliothek

The Roarin' 80's

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

Bearbeiten
Lebendig 8 Farben Warm Gemischt Komplementär artist neon 80s
Likes 31
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FF2153;
  --c-vibrant-2: #FF6200;
  --c-vibrant-3: #F9EB0F;
  --c-vibrant-4: #23D513;
  --c-vibrant-5: #65D1F8;
  --c-vibrant-6: #3A67CC;
  --c-vibrant-7: #CC7BD8;
  --c-vibrant-8: #101010;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Genoa Lemon (#F9EB0F) bis zum dunkelsten Ton Chaos Black (#101010). Sie vereint Fly Agaric, Chos Garden Marigold, Genoa Lemon, Monstrous Green, Skyan, God of Rain, Jewel Caterpillar und Chaos Black 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 #F9EB0F auf #101010 mit 15,33:1.

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

Farben im Detail

Fly Agaric #FF2153
RGB
rgb(255, 33, 83)
HSL
hsl(346, 100%, 56%)
Luminanz
0,230
Chos Garden Marigold #FF6200
RGB
rgb(255, 98, 0)
HSL
hsl(23, 100%, 50%)
Luminanz
0,300
Genoa Lemon #F9EB0F
RGB
rgb(249, 235, 15)
HSL
hsl(56, 95%, 52%)
Luminanz
0,796
Monstrous Green #23D513
RGB
rgb(35, 213, 19)
HSL
hsl(115, 84%, 45%)
Luminanz
0,480
Skyan #65D1F8
RGB
rgb(101, 209, 248)
HSL
hsl(196, 91%, 68%)
Luminanz
0,551
God of Rain #3A67CC
RGB
rgb(58, 103, 204)
HSL
hsl(222, 59%, 51%)
Luminanz
0,150
Jewel Caterpillar #CC7BD8
RGB
rgb(204, 123, 216)
HSL
hsl(292, 54%, 66%)
Luminanz
0,320
Chaos Black #101010
RGB
rgb(16, 16, 16)
HSL
hsl(0, 0%, 6%)
Luminanz
0,005

Kontrast & Barrierefreiheit

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

Aa #F9EB0F auf #101010 15,33:1 AAA
Aa #65D1F8 auf #101010 10,90:1 AAA
Aa #23D513 auf #101010 9,60:1 AAA
Aa #CC7BD8 auf #101010 6,70:1 AA
Aa #FF6200 auf #101010 6,34:1 AA
Aa #FF2153 auf #101010 5,07:1 AA
Aa #F9EB0F auf #3A67CC 4,24:1 AA (großer Text)
Aa #3A67CC auf #101010 3,62:1 AA (großer Text)
Aa #FF2153 auf #F9EB0F 3,02:1 AA (großer Text)
Aa #65D1F8 auf #3A67CC 3,01:1 AA (großer Text)
Aa #23D513 auf #3A67CC 2,65:1 Nicht bestanden
Aa #FF6200 auf #F9EB0F 2,42:1 Nicht bestanden
Aa #F9EB0F auf #CC7BD8 2,29:1 Nicht bestanden
Aa #FF2153 auf #65D1F8 2,15:1 Nicht bestanden
Aa #FF2153 auf #23D513 1,89:1 Nicht bestanden
Aa #3A67CC auf #CC7BD8 1,85:1 Nicht bestanden
Aa #FF6200 auf #3A67CC 1,75:1 Nicht bestanden
Aa #FF6200 auf #65D1F8 1,72:1 Nicht bestanden
Aa #65D1F8 auf #CC7BD8 1,63:1 Nicht bestanden
Aa #F9EB0F auf #23D513 1,60:1 Nicht bestanden
Aa #FF6200 auf #23D513 1,51:1 Nicht bestanden
Aa #23D513 auf #CC7BD8 1,43:1 Nicht bestanden
Aa #F9EB0F auf #65D1F8 1,41:1 Nicht bestanden
Aa #FF2153 auf #3A67CC 1,40:1 Nicht bestanden
Aa #FF2153 auf #CC7BD8 1,32:1 Nicht bestanden
Aa #FF2153 auf #FF6200 1,25:1 Nicht bestanden
Aa #23D513 auf #65D1F8 1,13:1 Nicht bestanden
Aa #FF6200 auf #CC7BD8 1,06:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben