Registrieren Registrieren
FunkyFuture 8

FunkyFuture 8

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

Zurück zur Bibliothek

FunkyFuture 8

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

Bearbeiten
Lebendig 8 Farben Warm Gemischt Komplementär futuristic artist neon shamaboy11
Likes 847
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #2B0F54;
  --c-vibrant-2: #AB1F65;
  --c-vibrant-3: #FF4F69;
  --c-vibrant-4: #FFF7F8;
  --c-vibrant-5: #FF8142;
  --c-vibrant-6: #FFDA45;
  --c-vibrant-7: #3368DC;
  --c-vibrant-8: #49E7EC;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sea Salt Sherbet (#FFF7F8) bis zum dunkelsten Ton Vanishing (#2B0F54). Sie vereint Vanishing, Plastic Lips, Festive Fennec, Sea Salt Sherbet, Mango Tango, Golden Boy, Royal Blue und Blue Dacnis in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2B0F54 auf #FFF7F8 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

Vanishing #2B0F54
RGB
rgb(43, 15, 84)
HSL
hsl(264, 70%, 19%)
Luminanz
0,015
Plastic Lips #AB1F65
RGB
rgb(171, 31, 101)
HSL
hsl(330, 69%, 40%)
Luminanz
0,106
Festive Fennec #FF4F69
RGB
rgb(255, 79, 105)
HSL
hsl(351, 100%, 65%)
Luminanz
0,279
Sea Salt Sherbet #FFF7F8
RGB
rgb(255, 247, 248)
HSL
hsl(353, 100%, 98%)
Luminanz
0,946
Mango Tango #FF8142
RGB
rgb(255, 129, 66)
HSL
hsl(20, 100%, 63%)
Luminanz
0,374
Golden Boy #FFDA45
RGB
rgb(255, 218, 69)
HSL
hsl(48, 100%, 64%)
Luminanz
0,718
Royal Blue #3368DC
RGB
rgb(51, 104, 220)
HSL
hsl(221, 71%, 53%)
Luminanz
0,158
Blue Dacnis #49E7EC
RGB
rgb(73, 231, 236)
HSL
hsl(182, 81%, 61%)
Luminanz
0,646

Kontrast & Barrierefreiheit

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

Aa #2B0F54 auf #FFF7F8 15,33:1 AAA
Aa #2B0F54 auf #FFDA45 11,83:1 AAA
Aa #2B0F54 auf #49E7EC 10,72:1 AAA
Aa #2B0F54 auf #FF8142 6,52:1 AA
Aa #AB1F65 auf #FFF7F8 6,39:1 AA
Aa #2B0F54 auf #FF4F69 5,06:1 AA
Aa #AB1F65 auf #FFDA45 4,93:1 AA
Aa #FFF7F8 auf #3368DC 4,79:1 AA
Aa #AB1F65 auf #49E7EC 4,47:1 AA (großer Text)
Aa #FFDA45 auf #3368DC 3,70:1 AA (großer Text)
Aa #3368DC auf #49E7EC 3,35:1 AA (großer Text)
Aa #2B0F54 auf #3368DC 3,20:1 AA (großer Text)
Aa #FF4F69 auf #FFF7F8 3,03:1 AA (großer Text)
Aa #AB1F65 auf #FF8142 2,72:1 Nicht bestanden
Aa #2B0F54 auf #AB1F65 2,40:1 Nicht bestanden
Aa #FFF7F8 auf #FF8142 2,35:1 Nicht bestanden
Aa #FF4F69 auf #FFDA45 2,34:1 Nicht bestanden
Aa #FF4F69 auf #49E7EC 2,12:1 Nicht bestanden
Aa #AB1F65 auf #FF4F69 2,11:1 Nicht bestanden
Aa #FF8142 auf #3368DC 2,04:1 Nicht bestanden
Aa #FF8142 auf #FFDA45 1,81:1 Nicht bestanden
Aa #FF8142 auf #49E7EC 1,64:1 Nicht bestanden
Aa #FF4F69 auf #3368DC 1,58:1 Nicht bestanden
Aa #FFF7F8 auf #49E7EC 1,43:1 Nicht bestanden
Aa #AB1F65 auf #3368DC 1,33:1 Nicht bestanden
Aa #FFF7F8 auf #FFDA45 1,30:1 Nicht bestanden
Aa #FF4F69 auf #FF8142 1,29:1 Nicht bestanden
Aa #FFDA45 auf #49E7EC 1,10: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