Startseite Farbpaletten H8ful Madness

H8ful Madness

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

Zurück zur Bibliothek

H8ful Madness

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

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär nostalgia madness newgrounds

Likes 25

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #D3DAE8;
  --c-vibrant-2: #3F495A;
  --c-vibrant-3: #252336;
  --c-vibrant-4: #0E0113;
  --c-vibrant-5: #F7C249;
  --c-vibrant-6: #FC4100;
  --c-vibrant-7: #AC003F;
  --c-vibrant-8: #336D0F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sueded Grey (#D3DAE8) bis zum dunkelsten Ton Glossy Black (#0E0113). Sie vereint Sueded Grey, Dark Navy, Cold Steel, Glossy Black, Creamy Sweet Corn, Ultimate Orange, Screamer Pink und Forest Empress 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 #D3DAE8 auf #0E0113 mit 14,49:1.

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

Farben im Detail

Sueded Grey #D3DAE8

RGB: rgb(211, 218, 232)
HSL: hsl(220, 31%, 87%)
Luminanz: 0,698

Dark Navy #3F495A

RGB: rgb(63, 73, 90)
HSL: hsl(218, 18%, 30%)
Luminanz: 0,066

Cold Steel #252336

RGB: rgb(37, 35, 54)
HSL: hsl(246, 21%, 17%)
Luminanz: 0,019

Glossy Black #0E0113

RGB: rgb(14, 1, 19)
HSL: hsl(283, 90%, 4%)
Luminanz: 0,002

Creamy Sweet Corn #F7C249

RGB: rgb(247, 194, 73)
HSL: hsl(42, 92%, 63%)
Luminanz: 0,588

Ultimate Orange #FC4100

RGB: rgb(252, 65, 0)
HSL: hsl(15, 100%, 49%)
Luminanz: 0,245

Screamer Pink #AC003F

RGB: rgb(172, 0, 63)
HSL: hsl(338, 100%, 34%)
Luminanz: 0,091

Forest Empress #336D0F

RGB: rgb(51, 109, 15)
HSL: hsl(97, 76%, 24%)
Luminanz: 0,117

Kontrast & Barrierefreiheit

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

Aa #D3DAE8 auf #0E0113 14,49:1 AAA

Aa #0E0113 auf #F7C249 12,37:1 AAA

Aa #D3DAE8 auf #252336 10,90:1 AAA

Aa #252336 auf #F7C249 9,30:1 AAA

Aa #D3DAE8 auf #3F495A 6,47:1 AA

Aa #0E0113 auf #FC4100 5,71:1 AA

Aa #3F495A auf #F7C249 5,52:1 AA

Aa #D3DAE8 auf #AC003F 5,30:1 AA

Aa #F7C249 auf #AC003F 4,52:1 AA

Aa #D3DAE8 auf #336D0F 4,49:1 AA (großer Text)

Aa #252336 auf #FC4100 4,30:1 AA (großer Text)

Aa #F7C249 auf #336D0F 3,83:1 AA (großer Text)

Aa #0E0113 auf #336D0F 3,23:1 AA (großer Text)

Aa #0E0113 auf #AC003F 2,74:1 Nicht bestanden

Aa #3F495A auf #FC4100 2,55:1 Nicht bestanden

Aa #D3DAE8 auf #FC4100 2,54:1 Nicht bestanden

Aa #252336 auf #336D0F 2,43:1 Nicht bestanden

Aa #3F495A auf #0E0113 2,24:1 Nicht bestanden

Aa #F7C249 auf #FC4100 2,17:1 Nicht bestanden

Aa #FC4100 auf #AC003F 2,09:1 Nicht bestanden

Aa #252336 auf #AC003F 2,06:1 Nicht bestanden

Aa #FC4100 auf #336D0F 1,77:1 Nicht bestanden

Aa #3F495A auf #252336 1,68:1 Nicht bestanden

Aa #3F495A auf #336D0F 1,44:1 Nicht bestanden

Aa #252336 auf #0E0113 1,33:1 Nicht bestanden

Aa #3F495A auf #AC003F 1,22:1 Nicht bestanden

Aa #AC003F auf #336D0F 1,18:1 Nicht bestanden

Aa #D3DAE8 auf #F7C249 1,17:1 Nicht bestanden

H8ful Madness

H8ful Madness

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen