Startseite Farbpaletten DR Darkworld Neon

DR Darkworld Neon

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

DR Darkworld Neon

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 12 Farben Kühl Gemischt Komplementär night neon bright videogame

Likes 28

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #33A56C;
  --c-vibrant-2: #40E4D4;
  --c-vibrant-3: #C7E2F2;
  --c-vibrant-4: #697AC3;
  --c-vibrant-5: #0C0B3B;
  --c-vibrant-6: #5B209D;
  --c-vibrant-7: #A017D0;
  --c-vibrant-8: #F983D8;
  --c-vibrant-9: #FBCE3C;
  --c-vibrant-10: #F4A731;
  --c-vibrant-11: #EA0096;
  --c-vibrant-12: #891769;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Pale Frost (#C7E2F2) bis zum dunkelsten Ton Grim Reaper (#0C0B3B). Sie vereint Bulma Hair, Fresh Turquoise, Pale Frost, Persian Jewel, Grim Reaper, Eine Kleine Nachtmusik, Prom Queen, Princess Perfume, Habañero Gold, Late Afternoon, Love Vessel und Bane of Royalty in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C7E2F2 auf #0C0B3B mit 13,84:1.

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

Farben im Detail

Bulma Hair #33A56C

RGB: rgb(51, 165, 108)
HSL: hsl(150, 53%, 42%)
Luminanz: 0,287

Fresh Turquoise #40E4D4

RGB: rgb(64, 228, 212)
HSL: hsl(174, 75%, 57%)
Luminanz: 0,613

Pale Frost #C7E2F2

RGB: rgb(199, 226, 242)
HSL: hsl(202, 62%, 86%)
Luminanz: 0,730

Persian Jewel #697AC3

RGB: rgb(105, 122, 195)
HSL: hsl(229, 43%, 59%)
Luminanz: 0,209

Grim Reaper #0C0B3B

RGB: rgb(12, 11, 59)
HSL: hsl(241, 69%, 14%)
Luminanz: 0,006

Eine Kleine Nachtmusik #5B209D

RGB: rgb(91, 32, 157)
HSL: hsl(268, 66%, 37%)
Luminanz: 0,057

Prom Queen #A017D0

RGB: rgb(160, 23, 208)
HSL: hsl(284, 80%, 45%)
Luminanz: 0,126

Princess Perfume #F983D8

RGB: rgb(249, 131, 216)
HSL: hsl(317, 91%, 75%)
Luminanz: 0,413

Habañero Gold #FBCE3C

RGB: rgb(251, 206, 60)
HSL: hsl(46, 96%, 61%)
Luminanz: 0,650

Late Afternoon #F4A731

RGB: rgb(244, 167, 49)
HSL: hsl(36, 90%, 57%)
Luminanz: 0,471

Love Vessel #EA0096

RGB: rgb(234, 0, 150)
HSL: hsl(322, 100%, 46%)
Luminanz: 0,197

Bane of Royalty #891769

RGB: rgb(137, 23, 105)
HSL: hsl(317, 71%, 31%)
Luminanz: 0,070

Kontrast & Barrierefreiheit

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

Aa #C7E2F2 auf #0C0B3B 13,84:1 AAA

Aa #0C0B3B auf #FBCE3C 12,42:1 AAA

Aa #40E4D4 auf #0C0B3B 11,77:1 AAA

Aa #0C0B3B auf #F4A731 9,25:1 AAA

Aa #0C0B3B auf #F983D8 8,22:1 AAA

Aa #C7E2F2 auf #5B209D 7,29:1 AAA

Aa #5B209D auf #FBCE3C 6,55:1 AA

Aa #C7E2F2 auf #891769 6,52:1 AA

Aa #40E4D4 auf #5B209D 6,20:1 AA

Aa #33A56C auf #0C0B3B 5,98:1 AA

Aa #FBCE3C auf #891769 5,86:1 AA

Aa #40E4D4 auf #891769 5,55:1 AA

Aa #5B209D auf #F4A731 4,87:1 AA

Aa #697AC3 auf #0C0B3B 4,59:1 AA

Aa #C7E2F2 auf #A017D0 4,42:1 AA (großer Text)

Aa #0C0B3B auf #EA0096 4,38:1 AA (großer Text)

Aa #F4A731 auf #891769 4,36:1 AA (großer Text)

Aa #5B209D auf #F983D8 4,33:1 AA (großer Text)

Aa #A017D0 auf #FBCE3C 3,97:1 AA (großer Text)

Aa #F983D8 auf #891769 3,88:1 AA (großer Text)

Aa #40E4D4 auf #A017D0 3,76:1 AA (großer Text)

Aa #C7E2F2 auf #EA0096 3,16:1 AA (großer Text)

Aa #33A56C auf #5B209D 3,15:1 AA (großer Text)

Aa #0C0B3B auf #A017D0 3,13:1 AA (großer Text)

Aa #C7E2F2 auf #697AC3 3,01:1 AA (großer Text)

Aa #A017D0 auf #F4A731 2,95:1 Nicht bestanden

Aa #FBCE3C auf #EA0096 2,83:1 Nicht bestanden

Aa #33A56C auf #891769 2,82:1 Nicht bestanden

Aa #697AC3 auf #FBCE3C 2,71:1 Nicht bestanden

Aa #40E4D4 auf #EA0096 2,69:1 Nicht bestanden

Aa #A017D0 auf #F983D8 2,63:1 Nicht bestanden

Aa #40E4D4 auf #697AC3 2,56:1 Nicht bestanden

Aa #697AC3 auf #5B209D 2,42:1 Nicht bestanden

Aa #33A56C auf #C7E2F2 2,31:1 Nicht bestanden

Aa #5B209D auf #EA0096 2,31:1 Nicht bestanden

Aa #697AC3 auf #891769 2,16:1 Nicht bestanden

Aa #0C0B3B auf #891769 2,12:1 Nicht bestanden

Aa #F4A731 auf #EA0096 2,11:1 Nicht bestanden

Aa #33A56C auf #FBCE3C 2,08:1 Nicht bestanden

Aa #EA0096 auf #891769 2,07:1 Nicht bestanden

Aa #697AC3 auf #F4A731 2,01:1 Nicht bestanden

Aa #33A56C auf #40E4D4 1,97:1 Nicht bestanden

Aa #33A56C auf #A017D0 1,91:1 Nicht bestanden

Aa #0C0B3B auf #5B209D 1,90:1 Nicht bestanden

Aa #F983D8 auf #EA0096 1,88:1 Nicht bestanden

Aa #697AC3 auf #F983D8 1,79:1 Nicht bestanden

Aa #C7E2F2 auf #F983D8 1,68:1 Nicht bestanden

Aa #5B209D auf #A017D0 1,65:1 Nicht bestanden

Aa #33A56C auf #F4A731 1,55:1 Nicht bestanden

Aa #F983D8 auf #FBCE3C 1,51:1 Nicht bestanden

Aa #C7E2F2 auf #F4A731 1,50:1 Nicht bestanden

Aa #A017D0 auf #891769 1,48:1 Nicht bestanden

Aa #697AC3 auf #A017D0 1,47:1 Nicht bestanden

Aa #40E4D4 auf #F983D8 1,43:1 Nicht bestanden

Aa #A017D0 auf #EA0096 1,40:1 Nicht bestanden

Aa #33A56C auf #F983D8 1,37:1 Nicht bestanden

Aa #33A56C auf #EA0096 1,36:1 Nicht bestanden

Aa #FBCE3C auf #F4A731 1,34:1 Nicht bestanden

Aa #33A56C auf #697AC3 1,30:1 Nicht bestanden

Aa #40E4D4 auf #F4A731 1,27:1 Nicht bestanden

Aa #40E4D4 auf #C7E2F2 1,18:1 Nicht bestanden

Aa #5B209D auf #891769 1,12:1 Nicht bestanden

Aa #F983D8 auf #F4A731 1,12:1 Nicht bestanden

Aa #C7E2F2 auf #FBCE3C 1,11:1 Nicht bestanden

Aa #40E4D4 auf #FBCE3C 1,05:1 Nicht bestanden

Aa #697AC3 auf #EA0096 1,05:1 Nicht bestanden

DR Darkworld Neon