Pop Sundae!

Palette mit 6 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Pop Sundae!

Palette mit 6 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 6 Farben Neutral Hell Komplementär green vibrant pink blue

Likes 27

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #7BFAFF;
  --c-vibrant-2: #AAFF94;
  --c-vibrant-3: #FBF236;
  --c-vibrant-4: #FF97E1;
  --c-vibrant-5: #BE73FF;
  --c-vibrant-6: #7553FF;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Yellow-Bellied (#FBF236) bis zum dunkelsten Ton Venetian Nights (#7553FF). Sie vereint Electric Blue, Pale Light Green, Yellow-Bellied, Pink Condition, Easter Purple und Venetian Nights in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 15 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Electric Blue #7BFAFF

RGB: rgb(123, 250, 255)
HSL: hsl(182, 100%, 74%)
Luminanz: 0,798

Pale Light Green #AAFF94

RGB: rgb(170, 255, 148)
HSL: hsl(108, 100%, 79%)
Luminanz: 0,822

Yellow-Bellied #FBF236

RGB: rgb(251, 242, 54)
HSL: hsl(57, 96%, 60%)
Luminanz: 0,843

Pink Condition #FF97E1

RGB: rgb(255, 151, 225)
HSL: hsl(317, 100%, 80%)
Luminanz: 0,488

Easter Purple #BE73FF

RGB: rgb(190, 115, 255)
HSL: hsl(272, 100%, 73%)
Luminanz: 0,304

Venetian Nights #7553FF

RGB: rgb(117, 83, 255)
HSL: hsl(252, 100%, 66%)
Luminanz: 0,172

Kontrast & Barrierefreiheit

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

Aa #FBF236 auf #7553FF 4,02:1 AA (großer Text)

Aa #AAFF94 auf #7553FF 3,93:1 AA (großer Text)

Aa #7BFAFF auf #7553FF 3,82:1 AA (großer Text)

Aa #FBF236 auf #BE73FF 2,52:1 Nicht bestanden

Aa #AAFF94 auf #BE73FF 2,46:1 Nicht bestanden

Aa #FF97E1 auf #7553FF 2,43:1 Nicht bestanden

Aa #7BFAFF auf #BE73FF 2,39:1 Nicht bestanden

Aa #FBF236 auf #FF97E1 1,66:1 Nicht bestanden

Aa #AAFF94 auf #FF97E1 1,62:1 Nicht bestanden

Aa #BE73FF auf #7553FF 1,60:1 Nicht bestanden

Aa #7BFAFF auf #FF97E1 1,58:1 Nicht bestanden

Aa #FF97E1 auf #BE73FF 1,52:1 Nicht bestanden

Aa #7BFAFF auf #FBF236 1,05:1 Nicht bestanden

Aa #7BFAFF auf #AAFF94 1,03:1 Nicht bestanden

Aa #AAFF94 auf #FBF236 1,02:1 Nicht bestanden

Pop Sundae!

Pop Sundae!

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen