Batpalette

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

Zurück zur Bibliothek

Batpalette

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär 8colors batman btas

Likes 13

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #7F7F7F;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #681E99;
  --c-earthy-5: #3F48CC;
  --c-earthy-6: #88FF82;
  --c-earthy-7: #BFA621;
  --c-earthy-8: #CC3D18;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Platinum Granite, White, Wild Violet, Gorgonzola Blue, Easter Green, Green Flavour und Sauce Piquante in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 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

Platinum Granite #7F7F7F

RGB: rgb(127, 127, 127)
HSL: hsl(0, 0%, 50%)
Luminanz: 0,212

White #FFFFFF

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

Wild Violet #681E99

RGB: rgb(104, 30, 153)
HSL: hsl(276, 67%, 36%)
Luminanz: 0,062

Gorgonzola Blue #3F48CC

RGB: rgb(63, 72, 204)
HSL: hsl(236, 58%, 52%)
Luminanz: 0,101

Easter Green #88FF82

RGB: rgb(136, 255, 130)
HSL: hsl(117, 100%, 75%)
Luminanz: 0,784

Green Flavour #BFA621

RGB: rgb(191, 166, 33)
HSL: hsl(51, 71%, 44%)
Luminanz: 0,385

Sauce Piquante #CC3D18

RGB: rgb(204, 61, 24)
HSL: hsl(12, 79%, 45%)
Luminanz: 0,162

Kontrast & Barrierefreiheit

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

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

Aa #000000 auf #88FF82 16,67:1 AAA

Aa #FFFFFF auf #681E99 9,40:1 AAA

Aa #000000 auf #BFA621 8,69:1 AAA

Aa #681E99 auf #88FF82 7,46:1 AAA

Aa #FFFFFF auf #3F48CC 6,98:1 AA

Aa #3F48CC auf #88FF82 5,54:1 AA

Aa #000000 auf #7F7F7F 5,24:1 AA

Aa #FFFFFF auf #CC3D18 4,94:1 AA

Aa #000000 auf #CC3D18 4,25:1 AA (großer Text)

Aa #7F7F7F auf #FFFFFF 4,00:1 AA (großer Text)

Aa #88FF82 auf #CC3D18 3,92:1 AA (großer Text)

Aa #681E99 auf #BFA621 3,89:1 AA (großer Text)

Aa #7F7F7F auf #88FF82 3,18:1 AA (großer Text)

Aa #000000 auf #3F48CC 3,01:1 AA (großer Text)

Aa #3F48CC auf #BFA621 2,89:1 Nicht bestanden

Aa #FFFFFF auf #BFA621 2,42:1 Nicht bestanden

Aa #7F7F7F auf #681E99 2,35:1 Nicht bestanden

Aa #000000 auf #681E99 2,23:1 Nicht bestanden

Aa #BFA621 auf #CC3D18 2,05:1 Nicht bestanden

Aa #88FF82 auf #BFA621 1,92:1 Nicht bestanden

Aa #681E99 auf #CC3D18 1,90:1 Nicht bestanden

Aa #7F7F7F auf #3F48CC 1,74:1 Nicht bestanden

Aa #7F7F7F auf #BFA621 1,66:1 Nicht bestanden

Aa #3F48CC auf #CC3D18 1,41:1 Nicht bestanden

Aa #681E99 auf #3F48CC 1,35:1 Nicht bestanden

Aa #FFFFFF auf #88FF82 1,26:1 Nicht bestanden

Aa #7F7F7F auf #CC3D18 1,23:1 Nicht bestanden

Batpalette

Batpalette

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen