Startseite Farbpaletten DELETE THIS PALETTE

DELETE THIS PALETTE

Palette mit 10 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

DELETE THIS PALETTE

Palette mit 10 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 10 Farben Neutral Gemischt Komplementär deletethisplease

Likes 15

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #808080;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #FFBF40;
  --c-earthy-5: #BF4000;
  --c-earthy-6: #400080;
  --c-earthy-7: #4040BF;
  --c-earthy-8: #40BFFF;
  --c-earthy-9: #40BF40;
  --c-earthy-10: #FF4080;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Grey, White, Orange Pop, Copper Hopper, Marionberry, Early Spring Night, Megaman, Skirret Green und Diva Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF 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

Black #000000

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

Grey #808080

RGB: rgb(128, 128, 128)
HSL: hsl(0, 0%, 50%)
Luminanz: 0,216

White #FFFFFF

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

Orange Pop #FFBF40

RGB: rgb(255, 191, 64)
HSL: hsl(40, 100%, 63%)
Luminanz: 0,589

Copper Hopper #BF4000

RGB: rgb(191, 64, 0)
HSL: hsl(20, 100%, 37%)
Luminanz: 0,147

Marionberry #400080

RGB: rgb(64, 0, 128)
HSL: hsl(270, 100%, 25%)
Luminanz: 0,027

Early Spring Night #4040BF

RGB: rgb(64, 64, 191)
HSL: hsl(240, 50%, 50%)
Luminanz: 0,085

Megaman #40BFFF

RGB: rgb(64, 191, 255)
HSL: hsl(200, 100%, 63%)
Luminanz: 0,456

Skirret Green #40BF40

RGB: rgb(64, 191, 64)
HSL: hsl(120, 50%, 50%)
Luminanz: 0,387

Diva Pink #FF4080

RGB: rgb(255, 64, 128)
HSL: hsl(340, 100%, 63%)
Luminanz: 0,265

Kontrast & Barrierefreiheit

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

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

Aa #FFFFFF auf #400080 13,73:1 AAA

Aa #000000 auf #FFBF40 12,78:1 AAA

Aa #000000 auf #40BFFF 10,11:1 AAA

Aa #000000 auf #40BF40 8,74:1 AAA

Aa #FFBF40 auf #400080 8,35:1 AAA

Aa #FFFFFF auf #4040BF 7,77:1 AAA

Aa #400080 auf #40BFFF 6,61:1 AA

Aa #000000 auf #FF4080 6,30:1 AA

Aa #400080 auf #40BF40 5,72:1 AA

Aa #000000 auf #808080 5,32:1 AA

Aa #FFFFFF auf #BF4000 5,32:1 AA

Aa #FFBF40 auf #4040BF 4,73:1 AA

Aa #400080 auf #FF4080 4,12:1 AA (großer Text)

Aa #000000 auf #BF4000 3,95:1 AA (großer Text)

Aa #808080 auf #FFFFFF 3,95:1 AA (großer Text)

Aa #4040BF auf #40BFFF 3,74:1 AA (großer Text)

Aa #808080 auf #400080 3,48:1 AA (großer Text)

Aa #FFFFFF auf #FF4080 3,33:1 AA (großer Text)

Aa #FFBF40 auf #BF4000 3,24:1 AA (großer Text)

Aa #4040BF auf #40BF40 3,23:1 AA (großer Text)

Aa #000000 auf #4040BF 2,70:1 Nicht bestanden

Aa #BF4000 auf #400080 2,58:1 Nicht bestanden

Aa #BF4000 auf #40BFFF 2,56:1 Nicht bestanden

Aa #808080 auf #FFBF40 2,40:1 Nicht bestanden

Aa #FFFFFF auf #40BF40 2,40:1 Nicht bestanden

Aa #4040BF auf #FF4080 2,33:1 Nicht bestanden

Aa #BF4000 auf #40BF40 2,21:1 Nicht bestanden

Aa #FFFFFF auf #40BFFF 2,08:1 Nicht bestanden

Aa #FFBF40 auf #FF4080 2,03:1 Nicht bestanden

Aa #808080 auf #4040BF 1,97:1 Nicht bestanden

Aa #808080 auf #40BFFF 1,90:1 Nicht bestanden

Aa #400080 auf #4040BF 1,77:1 Nicht bestanden

Aa #808080 auf #40BF40 1,64:1 Nicht bestanden

Aa #FFFFFF auf #FFBF40 1,64:1 Nicht bestanden

Aa #40BFFF auf #FF4080 1,61:1 Nicht bestanden

Aa #BF4000 auf #FF4080 1,59:1 Nicht bestanden

Aa #000000 auf #400080 1,53:1 Nicht bestanden

Aa #FFBF40 auf #40BF40 1,46:1 Nicht bestanden

Aa #BF4000 auf #4040BF 1,46:1 Nicht bestanden

Aa #40BF40 auf #FF4080 1,39:1 Nicht bestanden

Aa #808080 auf #BF4000 1,35:1 Nicht bestanden

Aa #FFBF40 auf #40BFFF 1,26:1 Nicht bestanden

Aa #808080 auf #FF4080 1,18:1 Nicht bestanden

Aa #40BFFF auf #40BF40 1,16:1 Nicht bestanden

DELETE THIS PALETTE