Discord 2021

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

Zurück zur Bibliothek

Discord 2021

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

Bearbeiten

Lebendig 7 Farben Warm Gemischt Komplementär discord 2021

Likes 25

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #ED4245;
  --c-vibrant-2: #FEE75C;
  --c-vibrant-3: #57F287;
  --c-vibrant-4: #5865F2;
  --c-vibrant-5: #EB459E;
  --c-vibrant-6: #FFFFFF;
  --c-vibrant-7: #000000;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Glowing Brake Disc, Corn, Grotesque Green, Flickering Sea, Schiaparelli Pink, White und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21:1.

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

Farben im Detail

Glowing Brake Disc #ED4245

RGB: rgb(237, 66, 69)
HSL: hsl(359, 83%, 59%)
Luminanz: 0,223

Corn #FEE75C

RGB: rgb(254, 231, 92)
HSL: hsl(51, 99%, 68%)
Luminanz: 0,790

Grotesque Green #57F287

RGB: rgb(87, 242, 135)
HSL: hsl(139, 86%, 65%)
Luminanz: 0,673

Flickering Sea #5865F2

RGB: rgb(88, 101, 242)
HSL: hsl(235, 86%, 65%)
Luminanz: 0,178

Schiaparelli Pink #EB459E

RGB: rgb(235, 69, 158)
HSL: hsl(328, 81%, 60%)
Luminanz: 0,244

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #000000 21,00:1 AAA

Aa #FEE75C auf #000000 16,80:1 AAA

Aa #57F287 auf #000000 14,46:1 AAA

Aa #EB459E auf #000000 5,88:1 AA

Aa #ED4245 auf #000000 5,47:1 AA

Aa #5865F2 auf #FFFFFF 4,61:1 AA

Aa #5865F2 auf #000000 4,56:1 AA

Aa #ED4245 auf #FFFFFF 3,84:1 AA (großer Text)

Aa #FEE75C auf #5865F2 3,69:1 AA (großer Text)

Aa #EB459E auf #FFFFFF 3,57:1 AA (großer Text)

Aa #57F287 auf #5865F2 3,17:1 AA (großer Text)

Aa #ED4245 auf #FEE75C 3,07:1 AA (großer Text)

Aa #FEE75C auf #EB459E 2,86:1 Nicht bestanden

Aa #ED4245 auf #57F287 2,64:1 Nicht bestanden

Aa #57F287 auf #EB459E 2,46:1 Nicht bestanden

Aa #57F287 auf #FFFFFF 1,45:1 Nicht bestanden

Aa #5865F2 auf #EB459E 1,29:1 Nicht bestanden

Aa #FEE75C auf #FFFFFF 1,25:1 Nicht bestanden

Aa #ED4245 auf #5865F2 1,20:1 Nicht bestanden

Aa #FEE75C auf #57F287 1,16:1 Nicht bestanden

Aa #ED4245 auf #EB459E 1,08:1 Nicht bestanden

Discord 2021

Discord 2021

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen