Startseite Farbpaletten 10 Colour Pallete

10 Colour Pallete

Palette mit 10 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

10 Colour Pallete

Palette mit 10 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 10 Farben Warm Gemischt Triadisch dithering 10colours

Likes 27

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #555555;
  --c-earthy-3: #A0A0A0;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #FF8A63;
  --c-earthy-6: #63FF8A;
  --c-earthy-7: #8A63FF;
  --c-earthy-8: #660E00;
  --c-earthy-9: #00660E;
  --c-earthy-10: #0E0066;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Stone Cold, Elemental Grey, White, After Burn, Thallium Flame, Purple Anemone, Cowpeas, Nature’s Masterpiece und The Vast of Night in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 17 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

Stone Cold #555555

RGB: rgb(85, 85, 85)
HSL: hsl(0, 0%, 33%)
Luminanz: 0,091

Elemental Grey #A0A0A0

RGB: rgb(160, 160, 160)
HSL: hsl(0, 0%, 63%)
Luminanz: 0,352

White #FFFFFF

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

After Burn #FF8A63

RGB: rgb(255, 138, 99)
HSL: hsl(15, 100%, 69%)
Luminanz: 0,403

Thallium Flame #63FF8A

RGB: rgb(99, 255, 138)
HSL: hsl(135, 100%, 69%)
Luminanz: 0,760

Purple Anemone #8A63FF

RGB: rgb(138, 99, 255)
HSL: hsl(255, 100%, 69%)
Luminanz: 0,216

Cowpeas #660E00

RGB: rgb(102, 14, 0)
HSL: hsl(8, 100%, 20%)
Luminanz: 0,031

Nature’s Masterpiece #00660E

RGB: rgb(0, 102, 14)
HSL: hsl(128, 100%, 20%)
Luminanz: 0,095

The Vast of Night #0E0066

RGB: rgb(14, 0, 102)
HSL: hsl(248, 100%, 20%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

17 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 #0E0066 17,35:1 AAA

Aa #000000 auf #63FF8A 16,20:1 AAA

Aa #63FF8A auf #0E0066 13,38:1 AAA

Aa #FFFFFF auf #660E00 12,90:1 AAA

Aa #63FF8A auf #660E00 9,95:1 AAA

Aa #000000 auf #FF8A63 9,07:1 AAA

Aa #000000 auf #A0A0A0 8,03:1 AAA

Aa #FF8A63 auf #0E0066 7,49:1 AAA

Aa #555555 auf #FFFFFF 7,46:1 AAA

Aa #FFFFFF auf #00660E 7,22:1 AAA

Aa #A0A0A0 auf #0E0066 6,63:1 AA

Aa #555555 auf #63FF8A 5,75:1 AA

Aa #FF8A63 auf #660E00 5,57:1 AA

Aa #63FF8A auf #00660E 5,57:1 AA

Aa #000000 auf #8A63FF 5,31:1 AA

Aa #A0A0A0 auf #660E00 4,93:1 AA

Aa #8A63FF auf #0E0066 4,39:1 AA (großer Text)

Aa #FFFFFF auf #8A63FF 3,96:1 AA (großer Text)

Aa #8A63FF auf #660E00 3,26:1 AA (großer Text)

Aa #555555 auf #FF8A63 3,22:1 AA (großer Text)

Aa #FF8A63 auf #00660E 3,12:1 AA (großer Text)

Aa #63FF8A auf #8A63FF 3,05:1 AA (großer Text)

Aa #000000 auf #00660E 2,91:1 Nicht bestanden

Aa #555555 auf #A0A0A0 2,85:1 Nicht bestanden

Aa #000000 auf #555555 2,82:1 Nicht bestanden

Aa #A0A0A0 auf #00660E 2,76:1 Nicht bestanden

Aa #A0A0A0 auf #FFFFFF 2,61:1 Nicht bestanden

Aa #00660E auf #0E0066 2,40:1 Nicht bestanden

Aa #555555 auf #0E0066 2,33:1 Nicht bestanden

Aa #FFFFFF auf #FF8A63 2,32:1 Nicht bestanden

Aa #A0A0A0 auf #63FF8A 2,02:1 Nicht bestanden

Aa #555555 auf #8A63FF 1,88:1 Nicht bestanden

Aa #8A63FF auf #00660E 1,83:1 Nicht bestanden

Aa #FF8A63 auf #63FF8A 1,79:1 Nicht bestanden

Aa #660E00 auf #00660E 1,79:1 Nicht bestanden

Aa #555555 auf #660E00 1,73:1 Nicht bestanden

Aa #FF8A63 auf #8A63FF 1,71:1 Nicht bestanden

Aa #000000 auf #660E00 1,63:1 Nicht bestanden

Aa #A0A0A0 auf #8A63FF 1,51:1 Nicht bestanden

Aa #660E00 auf #0E0066 1,34:1 Nicht bestanden

Aa #FFFFFF auf #63FF8A 1,30:1 Nicht bestanden

Aa #000000 auf #0E0066 1,21:1 Nicht bestanden

Aa #A0A0A0 auf #FF8A63 1,13:1 Nicht bestanden

Aa #555555 auf #00660E 1,03:1 Nicht bestanden

10 Colour Pallete