Registrieren Registrieren
HYPERCHILL 10

HYPERCHILL 10

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

Zurück zur Bibliothek

HYPERCHILL 10

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

Bearbeiten
Lebendig 10 Farben Warm Gemischt Komplementär chill lofi 10 vibe
Likes 35
Farben 10

CSS-Variablen

:root {
  --c-vibrant-1: #FFB845;
  --c-vibrant-2: #FB7974;
  --c-vibrant-3: #F97698;
  --c-vibrant-4: #CE5F9F;
  --c-vibrant-5: #A348A6;
  --c-vibrant-6: #8549AD;
  --c-vibrant-7: #674AB3;
  --c-vibrant-8: #556DC8;
  --c-vibrant-9: #6783DB;
  --c-vibrant-10: #7998EE;
}

Über diese Palette

Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Just Ducky (#FFB845) bis zum dunkelsten Ton Swiss Plum (#674AB3). Sie vereint Just Ducky, Embarrassment, Aggressive Salmon, Phlox Pink, Medium Purple, Harley Hair Purple, Swiss Plum, Borage Blue, Livid und Guilliman Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 45 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

Just Ducky #FFB845
RGB
rgb(255, 184, 69)
HSL
hsl(37, 100%, 64%)
Luminanz
0,560
Embarrassment #FB7974
RGB
rgb(251, 121, 116)
HSL
hsl(2, 94%, 72%)
Luminanz
0,354
Aggressive Salmon #F97698
RGB
rgb(249, 118, 152)
HSL
hsl(344, 92%, 72%)
Luminanz
0,354
Phlox Pink #CE5F9F
RGB
rgb(206, 95, 159)
HSL
hsl(325, 53%, 59%)
Luminanz
0,238
Medium Purple #A348A6
RGB
rgb(163, 72, 166)
HSL
hsl(298, 39%, 47%)
Luminanz
0,152
Harley Hair Purple #8549AD
RGB
rgb(133, 73, 173)
HSL
hsl(276, 41%, 48%)
Luminanz
0,128
Swiss Plum #674AB3
RGB
rgb(103, 74, 179)
HSL
hsl(257, 42%, 50%)
Luminanz
0,110
Borage Blue #556DC8
RGB
rgb(85, 109, 200)
HSL
hsl(227, 51%, 56%)
Luminanz
0,170
Livid #6783DB
RGB
rgb(103, 131, 219)
HSL
hsl(226, 62%, 63%)
Luminanz
0,242
Guilliman Blue #7998EE
RGB
rgb(121, 152, 238)
HSL
hsl(224, 77%, 70%)
Luminanz
0,327

Kontrast & Barrierefreiheit

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

Aa #FFB845 auf #674AB3 3,80:1 AA (großer Text)
Aa #FFB845 auf #8549AD 3,43:1 AA (großer Text)
Aa #FFB845 auf #A348A6 3,02:1 AA (großer Text)
Aa #FFB845 auf #556DC8 2,77:1 Nicht bestanden
Aa #FB7974 auf #674AB3 2,52:1 Nicht bestanden
Aa #F97698 auf #674AB3 2,52:1 Nicht bestanden
Aa #674AB3 auf #7998EE 2,35:1 Nicht bestanden
Aa #FB7974 auf #8549AD 2,28:1 Nicht bestanden
Aa #F97698 auf #8549AD 2,27:1 Nicht bestanden
Aa #FFB845 auf #CE5F9F 2,12:1 Nicht bestanden
Aa #8549AD auf #7998EE 2,12:1 Nicht bestanden
Aa #FFB845 auf #6783DB 2,09:1 Nicht bestanden
Aa #FB7974 auf #A348A6 2,00:1 Nicht bestanden
Aa #F97698 auf #A348A6 2,00:1 Nicht bestanden
Aa #A348A6 auf #7998EE 1,87:1 Nicht bestanden
Aa #FB7974 auf #556DC8 1,84:1 Nicht bestanden
Aa #F97698 auf #556DC8 1,83:1 Nicht bestanden
Aa #674AB3 auf #6783DB 1,82:1 Nicht bestanden
Aa #CE5F9F auf #674AB3 1,80:1 Nicht bestanden
Aa #556DC8 auf #7998EE 1,71:1 Nicht bestanden
Aa #8549AD auf #6783DB 1,65:1 Nicht bestanden
Aa #FFB845 auf #7998EE 1,62:1 Nicht bestanden
Aa #CE5F9F auf #8549AD 1,62:1 Nicht bestanden
Aa #FFB845 auf #FB7974 1,51:1 Nicht bestanden
Aa #FFB845 auf #F97698 1,51:1 Nicht bestanden
Aa #A348A6 auf #6783DB 1,45:1 Nicht bestanden
Aa #CE5F9F auf #A348A6 1,43:1 Nicht bestanden
Aa #FB7974 auf #CE5F9F 1,40:1 Nicht bestanden
Aa #F97698 auf #CE5F9F 1,40:1 Nicht bestanden
Aa #FB7974 auf #6783DB 1,38:1 Nicht bestanden
Aa #F97698 auf #6783DB 1,38:1 Nicht bestanden
Aa #674AB3 auf #556DC8 1,37:1 Nicht bestanden
Aa #556DC8 auf #6783DB 1,33:1 Nicht bestanden
Aa #CE5F9F auf #556DC8 1,31:1 Nicht bestanden
Aa #CE5F9F auf #7998EE 1,31:1 Nicht bestanden
Aa #6783DB auf #7998EE 1,29:1 Nicht bestanden
Aa #A348A6 auf #674AB3 1,26:1 Nicht bestanden
Aa #8549AD auf #556DC8 1,24:1 Nicht bestanden
Aa #A348A6 auf #8549AD 1,14:1 Nicht bestanden
Aa #8549AD auf #674AB3 1,11:1 Nicht bestanden
Aa #A348A6 auf #556DC8 1,09:1 Nicht bestanden
Aa #FB7974 auf #7998EE 1,07:1 Nicht bestanden
Aa #F97698 auf #7998EE 1,07:1 Nicht bestanden
Aa #CE5F9F auf #6783DB 1,01:1 Nicht bestanden
Aa #FB7974 auf #F97698 1,00: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