Registrieren Registrieren
Celebrity Crush

Celebrity Crush

Palette mit 9 Farben · Warm · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Celebrity Crush

Palette mit 9 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Triadisch

Bearbeiten
Lebendig 9 Farben Warm Hell Triadisch pixelart nostalgia portraits romance
Likes 18
Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #E5BE8F;
  --c-vibrant-2: #FFF0C0;
  --c-vibrant-3: #FFFFF3;
  --c-vibrant-4: #DC6A76;
  --c-vibrant-5: #FF9BA5;
  --c-vibrant-6: #FFCDD6;
  --c-vibrant-7: #8A3062;
  --c-vibrant-8: #672652;
  --c-vibrant-9: #2B1B29;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Granulated Sugar (#FFFFF3) bis zum dunkelsten Ton Shikon (#2B1B29). Sie vereint Gold Plate, Crown Point Cream, Granulated Sugar, Feverish, Salmon Tartare, Love Fumes, Boysenberry, Velvet Mauve und Shikon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFF3 auf #2B1B29 mit 16,14:1.

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

Farben im Detail

Gold Plate #E5BE8F
RGB
rgb(229, 190, 143)
HSL
hsl(33, 62%, 73%)
Luminanz
0,555
Crown Point Cream #FFF0C0
RGB
rgb(255, 240, 192)
HSL
hsl(46, 100%, 88%)
Luminanz
0,874
Granulated Sugar #FFFFF3
RGB
rgb(255, 255, 243)
HSL
hsl(60, 100%, 98%)
Luminanz
0,993
Feverish #DC6A76
RGB
rgb(220, 106, 118)
HSL
hsl(354, 62%, 64%)
Luminanz
0,268
Salmon Tartare #FF9BA5
RGB
rgb(255, 155, 165)
HSL
hsl(354, 100%, 80%)
Luminanz
0,474
Love Fumes #FFCDD6
RGB
rgb(255, 205, 214)
HSL
hsl(349, 100%, 90%)
Luminanz
0,698
Boysenberry #8A3062
RGB
rgb(138, 48, 98)
HSL
hsl(327, 48%, 36%)
Luminanz
0,084
Velvet Mauve #672652
RGB
rgb(103, 38, 82)
HSL
hsl(319, 46%, 28%)
Luminanz
0,049
Shikon #2B1B29
RGB
rgb(43, 27, 41)
HSL
hsl(308, 23%, 14%)
Luminanz
0,015

Kontrast & Barrierefreiheit

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

Aa #FFFFF3 auf #2B1B29 16,14:1 AAA
Aa #FFF0C0 auf #2B1B29 14,31:1 AAA
Aa #FFCDD6 auf #2B1B29 11,58:1 AAA
Aa #FFFFF3 auf #672652 10,55:1 AAA
Aa #E5BE8F auf #2B1B29 9,36:1 AAA
Aa #FFF0C0 auf #672652 9,35:1 AAA
Aa #FF9BA5 auf #2B1B29 8,12:1 AAA
Aa #FFFFF3 auf #8A3062 7,78:1 AAA
Aa #FFCDD6 auf #672652 7,57:1 AAA
Aa #FFF0C0 auf #8A3062 6,89:1 AA
Aa #E5BE8F auf #672652 6,12:1 AA
Aa #FFCDD6 auf #8A3062 5,58:1 AA
Aa #FF9BA5 auf #672652 5,31:1 AA
Aa #DC6A76 auf #2B1B29 4,93:1 AA
Aa #E5BE8F auf #8A3062 4,51:1 AA
Aa #FF9BA5 auf #8A3062 3,91:1 AA (großer Text)
Aa #FFFFF3 auf #DC6A76 3,28:1 AA (großer Text)
Aa #DC6A76 auf #672652 3,22:1 AA (großer Text)
Aa #FFF0C0 auf #DC6A76 2,90:1 Nicht bestanden
Aa #DC6A76 auf #8A3062 2,38:1 Nicht bestanden
Aa #DC6A76 auf #FFCDD6 2,35:1 Nicht bestanden
Aa #8A3062 auf #2B1B29 2,07:1 Nicht bestanden
Aa #FFFFF3 auf #FF9BA5 1,99:1 Nicht bestanden
Aa #E5BE8F auf #DC6A76 1,90:1 Nicht bestanden
Aa #FFF0C0 auf #FF9BA5 1,76:1 Nicht bestanden
Aa #E5BE8F auf #FFFFF3 1,72:1 Nicht bestanden
Aa #DC6A76 auf #FF9BA5 1,65:1 Nicht bestanden
Aa #E5BE8F auf #FFF0C0 1,53:1 Nicht bestanden
Aa #672652 auf #2B1B29 1,53:1 Nicht bestanden
Aa #FF9BA5 auf #FFCDD6 1,43:1 Nicht bestanden
Aa #FFFFF3 auf #FFCDD6 1,39:1 Nicht bestanden
Aa #8A3062 auf #672652 1,36:1 Nicht bestanden
Aa #E5BE8F auf #FFCDD6 1,24:1 Nicht bestanden
Aa #FFF0C0 auf #FFCDD6 1,24:1 Nicht bestanden
Aa #E5BE8F auf #FF9BA5 1,15:1 Nicht bestanden
Aa #FFF0C0 auf #FFFFF3 1,13:1 Nicht bestanden

Ähnliche Paletten

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 Farben
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 Farben
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 Farben
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 Farben
#F38181 #FCE38A #EAFFD0 #95E1D3
4 Farben
#B7C4CF #EEE3CB #D7C0AE #967E76
4 Farben
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 Farben
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 Farben