Startseite Farbpaletten Clubhouse Games Chat

Clubhouse Games Chat

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

Zurück zur Bibliothek

Clubhouse Games Chat

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär nintendo ds agenda clubhouse

Likes 19

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #000000;
  --c-earthy-3: #969696;
  --c-earthy-4: #C7962C;
  --c-earthy-5: #FF1C4D;
  --c-earthy-6: #FF65FF;
  --c-earthy-7: #6D5DC7;
  --c-earthy-8: #1C6DFF;
  --c-earthy-9: #6DDFFF;
  --c-earthy-10: #FFDF3C;
  --c-earthy-11: #5DFF3C;
  --c-earthy-12: #00A600;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Black, Shark Fin, Tawny Olive, Fly Agaric, Pink Flamingo, Ameixa, Bluerocratic, Athena Blue, Banana Farm, Alien Parasite und Aquamentus Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

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

Shark Fin #969696

RGB: rgb(150, 150, 150)
HSL: hsl(0, 0%, 59%)
Luminanz: 0,305

Tawny Olive #C7962C

RGB: rgb(199, 150, 44)
HSL: hsl(41, 64%, 48%)
Luminanz: 0,341

Fly Agaric #FF1C4D

RGB: rgb(255, 28, 77)
HSL: hsl(347, 100%, 55%)
Luminanz: 0,226

Pink Flamingo #FF65FF

RGB: rgb(255, 101, 255)
HSL: hsl(300, 100%, 70%)
Luminanz: 0,378

Ameixa #6D5DC7

RGB: rgb(109, 93, 199)
HSL: hsl(249, 49%, 57%)
Luminanz: 0,152

Bluerocratic #1C6DFF

RGB: rgb(28, 109, 255)
HSL: hsl(219, 100%, 55%)
Luminanz: 0,184

Athena Blue #6DDFFF

RGB: rgb(109, 223, 255)
HSL: hsl(193, 100%, 71%)
Luminanz: 0,633

Banana Farm #FFDF3C

RGB: rgb(255, 223, 60)
HSL: hsl(50, 100%, 62%)
Luminanz: 0,744

Alien Parasite #5DFF3C

RGB: rgb(93, 255, 60)
HSL: hsl(110, 100%, 62%)
Luminanz: 0,742

Aquamentus Green #00A600

RGB: rgb(0, 166, 0)
HSL: hsl(120, 100%, 33%)
Luminanz: 0,273

Kontrast & Barrierefreiheit

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

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

Aa #000000 auf #FFDF3C 15,87:1 AAA

Aa #000000 auf #5DFF3C 15,83:1 AAA

Aa #000000 auf #6DDFFF 13,65:1 AAA

Aa #000000 auf #FF65FF 8,56:1 AAA

Aa #000000 auf #C7962C 7,83:1 AAA

Aa #000000 auf #969696 7,10:1 AAA

Aa #000000 auf #00A600 6,45:1 AA

Aa #000000 auf #FF1C4D 5,53:1 AA

Aa #FFFFFF auf #6D5DC7 5,20:1 AA

Aa #000000 auf #1C6DFF 4,68:1 AA

Aa #FFFFFF auf #1C6DFF 4,49:1 AA (großer Text)

Aa #000000 auf #6D5DC7 4,04:1 AA (großer Text)

Aa #6D5DC7 auf #FFDF3C 3,93:1 AA (großer Text)

Aa #6D5DC7 auf #5DFF3C 3,92:1 AA (großer Text)

Aa #FFFFFF auf #FF1C4D 3,80:1 AA (großer Text)

Aa #1C6DFF auf #FFDF3C 3,39:1 AA (großer Text)

Aa #6D5DC7 auf #6DDFFF 3,38:1 AA (großer Text)

Aa #1C6DFF auf #5DFF3C 3,38:1 AA (großer Text)

Aa #FFFFFF auf #00A600 3,25:1 AA (großer Text)

Aa #FFFFFF auf #969696 2,96:1 Nicht bestanden

Aa #1C6DFF auf #6DDFFF 2,92:1 Nicht bestanden

Aa #FF1C4D auf #FFDF3C 2,87:1 Nicht bestanden

Aa #FF1C4D auf #5DFF3C 2,87:1 Nicht bestanden

Aa #FFFFFF auf #C7962C 2,68:1 Nicht bestanden

Aa #FF1C4D auf #6DDFFF 2,47:1 Nicht bestanden

Aa #FFDF3C auf #00A600 2,46:1 Nicht bestanden

Aa #FFFFFF auf #FF65FF 2,45:1 Nicht bestanden

Aa #5DFF3C auf #00A600 2,45:1 Nicht bestanden

Aa #969696 auf #FFDF3C 2,24:1 Nicht bestanden

Aa #969696 auf #5DFF3C 2,23:1 Nicht bestanden

Aa #FF65FF auf #6D5DC7 2,12:1 Nicht bestanden

Aa #6DDFFF auf #00A600 2,11:1 Nicht bestanden

Aa #C7962C auf #FFDF3C 2,03:1 Nicht bestanden

Aa #C7962C auf #5DFF3C 2,02:1 Nicht bestanden

Aa #C7962C auf #6D5DC7 1,94:1 Nicht bestanden

Aa #969696 auf #6DDFFF 1,92:1 Nicht bestanden

Aa #FF65FF auf #FFDF3C 1,85:1 Nicht bestanden

Aa #FF65FF auf #5DFF3C 1,85:1 Nicht bestanden

Aa #FF65FF auf #1C6DFF 1,83:1 Nicht bestanden

Aa #969696 auf #6D5DC7 1,76:1 Nicht bestanden

Aa #C7962C auf #6DDFFF 1,74:1 Nicht bestanden

Aa #C7962C auf #1C6DFF 1,67:1 Nicht bestanden

Aa #FF65FF auf #6DDFFF 1,60:1 Nicht bestanden

Aa #6D5DC7 auf #00A600 1,60:1 Nicht bestanden

Aa #FF1C4D auf #FF65FF 1,55:1 Nicht bestanden

Aa #FFFFFF auf #6DDFFF 1,54:1 Nicht bestanden

Aa #969696 auf #1C6DFF 1,52:1 Nicht bestanden

Aa #C7962C auf #FF1C4D 1,42:1 Nicht bestanden

Aa #1C6DFF auf #00A600 1,38:1 Nicht bestanden

Aa #FF1C4D auf #6D5DC7 1,37:1 Nicht bestanden

Aa #FFFFFF auf #5DFF3C 1,33:1 Nicht bestanden

Aa #FF65FF auf #00A600 1,33:1 Nicht bestanden

Aa #FFFFFF auf #FFDF3C 1,32:1 Nicht bestanden

Aa #969696 auf #FF1C4D 1,28:1 Nicht bestanden

Aa #969696 auf #FF65FF 1,21:1 Nicht bestanden

Aa #C7962C auf #00A600 1,21:1 Nicht bestanden

Aa #FF1C4D auf #1C6DFF 1,18:1 Nicht bestanden

Aa #FF1C4D auf #00A600 1,17:1 Nicht bestanden

Aa #6D5DC7 auf #1C6DFF 1,16:1 Nicht bestanden

Aa #6DDFFF auf #FFDF3C 1,16:1 Nicht bestanden

Aa #6DDFFF auf #5DFF3C 1,16:1 Nicht bestanden

Aa #969696 auf #C7962C 1,10:1 Nicht bestanden

Aa #969696 auf #00A600 1,10:1 Nicht bestanden

Aa #C7962C auf #FF65FF 1,09:1 Nicht bestanden

Aa #FFDF3C auf #5DFF3C 1,00:1 Nicht bestanden

Clubhouse Games Chat