Registrieren Registrieren
Jokers Card 8

Jokers Card 8

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

Zurück zur Bibliothek

Jokers Card 8

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

Bearbeiten
Lebendig 8 Farben Warm Gemischt Komplementär vibrant marchmadnesspalettecontest crazy insaneclownposse
Likes 54
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #4EDAF2;
  --c-vibrant-3: #FF0F87;
  --c-vibrant-4: #FFE40D;
  --c-vibrant-5: #93CC2B;
  --c-vibrant-6: #B0329D;
  --c-vibrant-7: #FA0017;
  --c-vibrant-8: #F1F1F1;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Precious Pearls (#F1F1F1) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Blue Dacnis, Strong Pink, Crypto Gold, Lucky Lime, Purple Cactus Flower, Virtual Boy und Precious Pearls in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #F1F1F1 mit 18,59: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
Blue Dacnis #4EDAF2
RGB
rgb(78, 218, 242)
HSL
hsl(189, 86%, 63%)
Luminanz
0,582
Strong Pink #FF0F87
RGB
rgb(255, 15, 135)
HSL
hsl(330, 100%, 53%)
Luminanz
0,234
Crypto Gold #FFE40D
RGB
rgb(255, 228, 13)
HSL
hsl(53, 100%, 53%)
Luminanz
0,768
Lucky Lime #93CC2B
RGB
rgb(147, 204, 43)
HSL
hsl(81, 65%, 48%)
Luminanz
0,496
Purple Cactus Flower #B0329D
RGB
rgb(176, 50, 157)
HSL
hsl(309, 56%, 44%)
Luminanz
0,140
Virtual Boy #FA0017
RGB
rgb(250, 0, 23)
HSL
hsl(354, 100%, 49%)
Luminanz
0,204
Precious Pearls #F1F1F1
RGB
rgb(241, 241, 241)
HSL
hsl(0, 0%, 95%)
Luminanz
0,880

Kontrast & Barrierefreiheit

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

Aa #000000 auf #F1F1F1 18,59:1 AAA
Aa #000000 auf #FFE40D 16,36:1 AAA
Aa #000000 auf #4EDAF2 12,63:1 AAA
Aa #000000 auf #93CC2B 10,91:1 AAA
Aa #000000 auf #FF0F87 5,67:1 AA
Aa #000000 auf #FA0017 5,08:1 AA
Aa #B0329D auf #F1F1F1 4,91:1 AA
Aa #FFE40D auf #B0329D 4,32:1 AA (großer Text)
Aa #000000 auf #B0329D 3,79:1 AA (großer Text)
Aa #FA0017 auf #F1F1F1 3,66:1 AA (großer Text)
Aa #4EDAF2 auf #B0329D 3,33:1 AA (großer Text)
Aa #FF0F87 auf #F1F1F1 3,28:1 AA (großer Text)
Aa #FFE40D auf #FA0017 3,22:1 AA (großer Text)
Aa #FF0F87 auf #FFE40D 2,88:1 Nicht bestanden
Aa #93CC2B auf #B0329D 2,88:1 Nicht bestanden
Aa #4EDAF2 auf #FA0017 2,49:1 Nicht bestanden
Aa #4EDAF2 auf #FF0F87 2,23:1 Nicht bestanden
Aa #93CC2B auf #FA0017 2,15:1 Nicht bestanden
Aa #FF0F87 auf #93CC2B 1,92:1 Nicht bestanden
Aa #93CC2B auf #F1F1F1 1,70:1 Nicht bestanden
Aa #FF0F87 auf #B0329D 1,50:1 Nicht bestanden
Aa #FFE40D auf #93CC2B 1,50:1 Nicht bestanden
Aa #4EDAF2 auf #F1F1F1 1,47:1 Nicht bestanden
Aa #B0329D auf #FA0017 1,34:1 Nicht bestanden
Aa #4EDAF2 auf #FFE40D 1,29:1 Nicht bestanden
Aa #4EDAF2 auf #93CC2B 1,16:1 Nicht bestanden
Aa #FFE40D auf #F1F1F1 1,14:1 Nicht bestanden
Aa #FF0F87 auf #FA0017 1,12: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