Startseite Farbpaletten UnoDecimalDualism

UnoDecimalDualism

Palette mit 11 Farben · Neutral · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

UnoDecimalDualism

Palette mit 11 Farben · Temperatur: Neutral · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Lebendig 11 Farben Neutral Dunkel Komplementär odd bizzare noblackandwhite pychedellic

Likes 11

Farben 11

CSS-Variablen

:root {
  --c-vibrant-1: #200124;
  --c-vibrant-2: #054503;
  --c-vibrant-3: #7A0D18;
  --c-vibrant-4: #0A6D6E;
  --c-vibrant-5: #807906;
  --c-vibrant-6: #7277B8;
  --c-vibrant-7: #D055DE;
  --c-vibrant-8: #48D145;
  --c-vibrant-9: #EB9DA4;
  --c-vibrant-10: #85E4E6;
  --c-vibrant-11: #F5EF9D;
}

Über diese Palette

Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Portofino (#F5EF9D) bis zum dunkelsten Ton Black Sabbath (#200124). Sie vereint Black Sabbath, Racing Green, Mythical Wine, Pine Scented Lagoon, Sunlit Kelp Green, Wind Star, Thick Pink, Verdant Fields, Wood Nymph, Paradisiacal Getaway und Portofino in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #200124 auf #F5EF9D mit 16,23:1.

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

Farben im Detail

Black Sabbath #200124

RGB: rgb(32, 1, 36)
HSL: hsl(293, 95%, 7%)
Luminanz: 0,005

Racing Green #054503

RGB: rgb(5, 69, 3)
HSL: hsl(118, 92%, 14%)
Luminanz: 0,043

Mythical Wine #7A0D18

RGB: rgb(122, 13, 24)
HSL: hsl(354, 81%, 26%)
Luminanz: 0,045

Pine Scented Lagoon #0A6D6E

RGB: rgb(10, 109, 110)
HSL: hsl(181, 83%, 24%)
Luminanz: 0,121

Sunlit Kelp Green #807906

RGB: rgb(128, 121, 6)
HSL: hsl(57, 91%, 26%)
Luminanz: 0,183

Wind Star #7277B8

RGB: rgb(114, 119, 184)
HSL: hsl(236, 33%, 58%)
Luminanz: 0,202

Thick Pink #D055DE

RGB: rgb(208, 85, 222)
HSL: hsl(294, 67%, 60%)
Luminanz: 0,252

Verdant Fields #48D145

RGB: rgb(72, 209, 69)
HSL: hsl(119, 60%, 55%)
Luminanz: 0,474

Wood Nymph #EB9DA4

RGB: rgb(235, 157, 164)
HSL: hsl(355, 66%, 77%)
Luminanz: 0,445

Paradisiacal Getaway #85E4E6

RGB: rgb(133, 228, 230)
HSL: hsl(181, 66%, 71%)
Luminanz: 0,662

Portofino #F5EF9D

RGB: rgb(245, 239, 157)
HSL: hsl(56, 81%, 79%)
Luminanz: 0,836

Kontrast & Barrierefreiheit

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

Aa #200124 auf #F5EF9D 16,23:1 AAA

Aa #200124 auf #85E4E6 13,05:1 AAA

Aa #200124 auf #48D145 9,61:1 AAA

Aa #054503 auf #F5EF9D 9,53:1 AAA

Aa #7A0D18 auf #F5EF9D 9,33:1 AAA

Aa #200124 auf #EB9DA4 9,06:1 AAA

Aa #054503 auf #85E4E6 7,66:1 AAA

Aa #7A0D18 auf #85E4E6 7,50:1 AAA

Aa #054503 auf #48D145 5,64:1 AA

Aa #200124 auf #D055DE 5,53:1 AA

Aa #7A0D18 auf #48D145 5,52:1 AA

Aa #054503 auf #EB9DA4 5,32:1 AA

Aa #7A0D18 auf #EB9DA4 5,21:1 AA

Aa #0A6D6E auf #F5EF9D 5,17:1 AA

Aa #200124 auf #7277B8 4,62:1 AA

Aa #200124 auf #807906 4,27:1 AA (großer Text)

Aa #0A6D6E auf #85E4E6 4,16:1 AA (großer Text)

Aa #807906 auf #F5EF9D 3,81:1 AA (großer Text)

Aa #7277B8 auf #F5EF9D 3,51:1 AA (großer Text)

Aa #054503 auf #D055DE 3,25:1 AA (großer Text)

Aa #7A0D18 auf #D055DE 3,18:1 AA (großer Text)

Aa #200124 auf #0A6D6E 3,14:1 AA (großer Text)

Aa #0A6D6E auf #48D145 3,06:1 AA (großer Text)

Aa #807906 auf #85E4E6 3,06:1 AA (großer Text)

Aa #D055DE auf #F5EF9D 2,93:1 Nicht bestanden

Aa #0A6D6E auf #EB9DA4 2,89:1 Nicht bestanden

Aa #7277B8 auf #85E4E6 2,82:1 Nicht bestanden

Aa #054503 auf #7277B8 2,71:1 Nicht bestanden

Aa #7A0D18 auf #7277B8 2,66:1 Nicht bestanden

Aa #054503 auf #807906 2,50:1 Nicht bestanden

Aa #7A0D18 auf #807906 2,45:1 Nicht bestanden

Aa #D055DE auf #85E4E6 2,36:1 Nicht bestanden

Aa #807906 auf #48D145 2,25:1 Nicht bestanden

Aa #807906 auf #EB9DA4 2,12:1 Nicht bestanden

Aa #7277B8 auf #48D145 2,08:1 Nicht bestanden

Aa #7277B8 auf #EB9DA4 1,96:1 Nicht bestanden

Aa #054503 auf #0A6D6E 1,84:1 Nicht bestanden

Aa #7A0D18 auf #0A6D6E 1,80:1 Nicht bestanden

Aa #EB9DA4 auf #F5EF9D 1,79:1 Nicht bestanden

Aa #0A6D6E auf #D055DE 1,76:1 Nicht bestanden

Aa #200124 auf #7A0D18 1,74:1 Nicht bestanden

Aa #D055DE auf #48D145 1,74:1 Nicht bestanden

Aa #200124 auf #054503 1,70:1 Nicht bestanden

Aa #48D145 auf #F5EF9D 1,69:1 Nicht bestanden

Aa #D055DE auf #EB9DA4 1,64:1 Nicht bestanden

Aa #0A6D6E auf #7277B8 1,47:1 Nicht bestanden

Aa #EB9DA4 auf #85E4E6 1,44:1 Nicht bestanden

Aa #0A6D6E auf #807906 1,36:1 Nicht bestanden

Aa #48D145 auf #85E4E6 1,36:1 Nicht bestanden

Aa #807906 auf #D055DE 1,30:1 Nicht bestanden

Aa #85E4E6 auf #F5EF9D 1,24:1 Nicht bestanden

Aa #7277B8 auf #D055DE 1,20:1 Nicht bestanden

Aa #807906 auf #7277B8 1,08:1 Nicht bestanden

Aa #48D145 auf #EB9DA4 1,06:1 Nicht bestanden

Aa #054503 auf #7A0D18 1,02:1 Nicht bestanden

UnoDecimalDualism