Startseite Farbpaletten Legendary Quest

Legendary Quest

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

Zurück zur Bibliothek

Legendary Quest

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

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär pixelart green gameboy blue

Likes 18

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #0000DC;
  --c-vibrant-3: #989CFC;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #FC8C0C;
  --c-vibrant-6: #FCE018;
  --c-vibrant-7: #C0D074;
  --c-vibrant-8: #048400;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Emptiness (#FCFCFC) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Bluealicious, Cobalite, Emptiness, Jú Huáng Tangerine, Crypto Gold, Gentle Dill und Lucky Clover 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 #FCFCFC mit 20,47:1.

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

Farben im Detail

Black #000000

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

Bluealicious #0000DC

RGB: rgb(0, 0, 220)
HSL: hsl(240, 100%, 43%)
Luminanz: 0,052

Cobalite #989CFC

RGB: rgb(152, 156, 252)
HSL: hsl(238, 94%, 79%)
Luminanz: 0,375

Emptiness #FCFCFC

RGB: rgb(252, 252, 252)
HSL: hsl(0, 0%, 99%)
Luminanz: 0,973

Jú Huáng Tangerine #FC8C0C

RGB: rgb(252, 140, 12)
HSL: hsl(32, 98%, 52%)
Luminanz: 0,395

Crypto Gold #FCE018

RGB: rgb(252, 224, 24)
HSL: hsl(53, 97%, 54%)
Luminanz: 0,741

Gentle Dill #C0D074

RGB: rgb(192, 208, 116)
HSL: hsl(70, 49%, 64%)
Luminanz: 0,576

Lucky Clover #048400

RGB: rgb(4, 132, 0)
HSL: hsl(118, 100%, 26%)
Luminanz: 0,165

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FCFCFC 20,47:1 AAA

Aa #000000 auf #FCE018 15,81:1 AAA

Aa #000000 auf #C0D074 12,52:1 AAA

Aa #0000DC auf #FCFCFC 10,07:1 AAA

Aa #000000 auf #FC8C0C 8,90:1 AAA

Aa #000000 auf #989CFC 8,50:1 AAA

Aa #0000DC auf #FCE018 7,78:1 AAA

Aa #0000DC auf #C0D074 6,15:1 AA

Aa #FCFCFC auf #048400 4,75:1 AA

Aa #0000DC auf #FC8C0C 4,37:1 AA (großer Text)

Aa #000000 auf #048400 4,31:1 AA (großer Text)

Aa #0000DC auf #989CFC 4,18:1 AA (großer Text)

Aa #FCE018 auf #048400 3,67:1 AA (großer Text)

Aa #C0D074 auf #048400 2,91:1 Nicht bestanden

Aa #989CFC auf #FCFCFC 2,41:1 Nicht bestanden

Aa #FCFCFC auf #FC8C0C 2,30:1 Nicht bestanden

Aa #0000DC auf #048400 2,12:1 Nicht bestanden

Aa #FC8C0C auf #048400 2,07:1 Nicht bestanden

Aa #000000 auf #0000DC 2,03:1 Nicht bestanden

Aa #989CFC auf #048400 1,97:1 Nicht bestanden

Aa #989CFC auf #FCE018 1,86:1 Nicht bestanden

Aa #FC8C0C auf #FCE018 1,78:1 Nicht bestanden

Aa #FCFCFC auf #C0D074 1,64:1 Nicht bestanden

Aa #989CFC auf #C0D074 1,47:1 Nicht bestanden

Aa #FC8C0C auf #C0D074 1,41:1 Nicht bestanden

Aa #FCFCFC auf #FCE018 1,29:1 Nicht bestanden

Aa #FCE018 auf #C0D074 1,26:1 Nicht bestanden

Aa #989CFC auf #FC8C0C 1,05:1 Nicht bestanden

Legendary Quest

Legendary Quest

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen