Startseite Farbpaletten Discord Squares

Discord Squares

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

Zurück zur Bibliothek

Discord Squares

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

Bearbeiten

Lebendig 9 Farben Warm Gemischt Komplementär windfallapples glacier discord discordsquares

Likes 30

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #31373D;
  --c-vibrant-2: #DD2E44;
  --c-vibrant-3: #C1694F;
  --c-vibrant-4: #F4900C;
  --c-vibrant-5: #FDCB58;
  --c-vibrant-6: #78B159;
  --c-vibrant-7: #55ACEE;
  --c-vibrant-8: #AA8ED6;
  --c-vibrant-9: #E6E7E8;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Silent Delight (#E6E7E8) bis zum dunkelsten Ton Blue Plaza (#31373D). Sie vereint Blue Plaza, Bloody Rust, Warm Cider, Jú Huáng Tangerine, Angry Pasta, Arugula, Cerulean, Middy’s Purple und Silent Delight in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #31373D auf #E6E7E8 mit 9,72:1.

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

Farben im Detail

Blue Plaza #31373D

RGB: rgb(49, 55, 61)
HSL: hsl(210, 11%, 22%)
Luminanz: 0,037

Bloody Rust #DD2E44

RGB: rgb(221, 46, 68)
HSL: hsl(352, 72%, 52%)
Luminanz: 0,177

Warm Cider #C1694F

RGB: rgb(193, 105, 79)
HSL: hsl(14, 48%, 53%)
Luminanz: 0,220

Jú Huáng Tangerine #F4900C

RGB: rgb(244, 144, 12)
HSL: hsl(34, 91%, 50%)
Luminanz: 0,392

Angry Pasta #FDCB58

RGB: rgb(253, 203, 88)
HSL: hsl(42, 98%, 67%)
Luminanz: 0,643

Arugula #78B159

RGB: rgb(120, 177, 89)
HSL: hsl(99, 36%, 52%)
Luminanz: 0,362

Cerulean #55ACEE

RGB: rgb(85, 172, 238)
HSL: hsl(206, 82%, 63%)
Luminanz: 0,376

Middy’s Purple #AA8ED6

RGB: rgb(170, 142, 214)
HSL: hsl(263, 47%, 70%)
Luminanz: 0,328

Silent Delight #E6E7E8

RGB: rgb(230, 231, 232)
HSL: hsl(210, 4%, 91%)
Luminanz: 0,798

Kontrast & Barrierefreiheit

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

Aa #31373D auf #E6E7E8 9,72:1 AAA

Aa #31373D auf #FDCB58 7,95:1 AAA

Aa #31373D auf #F4900C 5,07:1 AA

Aa #31373D auf #55ACEE 4,89:1 AA

Aa #31373D auf #78B159 4,72:1 AA

Aa #31373D auf #AA8ED6 4,33:1 AA (großer Text)

Aa #DD2E44 auf #E6E7E8 3,73:1 AA (großer Text)

Aa #C1694F auf #E6E7E8 3,14:1 AA (großer Text)

Aa #31373D auf #C1694F 3,10:1 AA (großer Text)

Aa #DD2E44 auf #FDCB58 3,05:1 AA (großer Text)

Aa #31373D auf #DD2E44 2,61:1 Nicht bestanden

Aa #C1694F auf #FDCB58 2,57:1 Nicht bestanden

Aa #AA8ED6 auf #E6E7E8 2,25:1 Nicht bestanden

Aa #78B159 auf #E6E7E8 2,06:1 Nicht bestanden

Aa #55ACEE auf #E6E7E8 1,99:1 Nicht bestanden

Aa #DD2E44 auf #F4900C 1,94:1 Nicht bestanden

Aa #F4900C auf #E6E7E8 1,92:1 Nicht bestanden

Aa #DD2E44 auf #55ACEE 1,87:1 Nicht bestanden

Aa #FDCB58 auf #AA8ED6 1,84:1 Nicht bestanden

Aa #DD2E44 auf #78B159 1,81:1 Nicht bestanden

Aa #FDCB58 auf #78B159 1,68:1 Nicht bestanden

Aa #DD2E44 auf #AA8ED6 1,66:1 Nicht bestanden

Aa #C1694F auf #F4900C 1,64:1 Nicht bestanden

Aa #FDCB58 auf #55ACEE 1,63:1 Nicht bestanden

Aa #C1694F auf #55ACEE 1,58:1 Nicht bestanden

Aa #F4900C auf #FDCB58 1,57:1 Nicht bestanden

Aa #C1694F auf #78B159 1,52:1 Nicht bestanden

Aa #C1694F auf #AA8ED6 1,40:1 Nicht bestanden

Aa #FDCB58 auf #E6E7E8 1,22:1 Nicht bestanden

Aa #DD2E44 auf #C1694F 1,19:1 Nicht bestanden

Aa #F4900C auf #AA8ED6 1,17:1 Nicht bestanden

Aa #55ACEE auf #AA8ED6 1,13:1 Nicht bestanden

Aa #78B159 auf #AA8ED6 1,09:1 Nicht bestanden

Aa #F4900C auf #78B159 1,07:1 Nicht bestanden

Aa #F4900C auf #55ACEE 1,04:1 Nicht bestanden

Aa #78B159 auf #55ACEE 1,04:1 Nicht bestanden

Discord Squares

Discord Squares

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen