Endesga 8

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

Zurück zur Bibliothek

Endesga 8

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär artist endesga

Likes 65

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FDFDF8;
  --c-vibrant-2: #D32734;
  --c-vibrant-3: #DA7D22;
  --c-vibrant-4: #E6DA29;
  --c-vibrant-5: #28C641;
  --c-vibrant-6: #2D93DD;
  --c-vibrant-7: #7B53AD;
  --c-vibrant-8: #1B1C33;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Lotion (#FDFDF8) bis zum dunkelsten Ton Sombre Night (#1B1C33). Sie vereint Lotion, Chi-Gong, Cherokee Dignity, Banana Brick, Poisonous Pesticide, Boyzone, Royal Lavender und Sombre Night 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 #FDFDF8 auf #1B1C33 mit 16,33:1.

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

Farben im Detail

Lotion #FDFDF8

RGB: rgb(253, 253, 248)
HSL: hsl(60, 56%, 98%)
Luminanz: 0,979

Chi-Gong #D32734

RGB: rgb(211, 39, 52)
HSL: hsl(355, 69%, 49%)
Luminanz: 0,156

Cherokee Dignity #DA7D22

RGB: rgb(218, 125, 34)
HSL: hsl(30, 73%, 49%)
Luminanz: 0,297

Banana Brick #E6DA29

RGB: rgb(230, 218, 41)
HSL: hsl(56, 79%, 53%)
Luminanz: 0,671

Poisonous Pesticide #28C641

RGB: rgb(40, 198, 65)
HSL: hsl(129, 66%, 47%)
Luminanz: 0,412

Boyzone #2D93DD

RGB: rgb(45, 147, 221)
HSL: hsl(205, 72%, 52%)
Luminanz: 0,267

Royal Lavender #7B53AD

RGB: rgb(123, 83, 173)
HSL: hsl(267, 35%, 50%)
Luminanz: 0,134

Sombre Night #1B1C33

RGB: rgb(27, 28, 51)
HSL: hsl(238, 31%, 15%)
Luminanz: 0,013

Kontrast & Barrierefreiheit

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

Aa #FDFDF8 auf #1B1C33 16,33:1 AAA

Aa #E6DA29 auf #1B1C33 11,44:1 AAA

Aa #28C641 auf #1B1C33 7,33:1 AAA

Aa #FDFDF8 auf #7B53AD 5,59:1 AA

Aa #DA7D22 auf #1B1C33 5,50:1 AA

Aa #2D93DD auf #1B1C33 5,02:1 AA

Aa #FDFDF8 auf #D32734 5,01:1 AA

Aa #E6DA29 auf #7B53AD 3,92:1 AA (großer Text)

Aa #D32734 auf #E6DA29 3,51:1 AA (großer Text)

Aa #D32734 auf #1B1C33 3,26:1 AA (großer Text)

Aa #FDFDF8 auf #2D93DD 3,25:1 AA (großer Text)

Aa #FDFDF8 auf #DA7D22 2,97:1 Nicht bestanden

Aa #7B53AD auf #1B1C33 2,92:1 Nicht bestanden

Aa #28C641 auf #7B53AD 2,51:1 Nicht bestanden

Aa #E6DA29 auf #2D93DD 2,28:1 Nicht bestanden

Aa #D32734 auf #28C641 2,25:1 Nicht bestanden

Aa #FDFDF8 auf #28C641 2,23:1 Nicht bestanden

Aa #DA7D22 auf #E6DA29 2,08:1 Nicht bestanden

Aa #DA7D22 auf #7B53AD 1,88:1 Nicht bestanden

Aa #2D93DD auf #7B53AD 1,72:1 Nicht bestanden

Aa #D32734 auf #DA7D22 1,69:1 Nicht bestanden

Aa #E6DA29 auf #28C641 1,56:1 Nicht bestanden

Aa #D32734 auf #2D93DD 1,54:1 Nicht bestanden

Aa #28C641 auf #2D93DD 1,46:1 Nicht bestanden

Aa #FDFDF8 auf #E6DA29 1,43:1 Nicht bestanden

Aa #DA7D22 auf #28C641 1,33:1 Nicht bestanden

Aa #D32734 auf #7B53AD 1,12:1 Nicht bestanden

Aa #DA7D22 auf #2D93DD 1,10:1 Nicht bestanden

Endesga 8

Endesga 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen