Registrieren Registrieren
Twelve Period

Twelve Period

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Twelve Period

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Lebendig 12 Farben Kühl Gemischt Triadisch vibrant artist twelve markmp
Likes 12
Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #7EFC80;
  --c-vibrant-3: #1C945E;
  --c-vibrant-4: #2C1C94;
  --c-vibrant-5: #3E73CF;
  --c-vibrant-6: #5EF7EF;
  --c-vibrant-7: #7A84F5;
  --c-vibrant-8: #8236CF;
  --c-vibrant-9: #800A5D;
  --c-vibrant-10: #B53F8C;
  --c-vibrant-11: #F77B7B;
  --c-vibrant-12: #2A0554;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Crowberry (#2A0554). Sie vereint White, Light Green, Viridian, Gentian Blue, Han Blue, Icy Life, Orchid, Hokkaido Lavender, Xereus Purple, Orchid Ecstasy, Forbidden Fruit und Crowberry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #2A0554 mit 16,82:1.

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

Farben im Detail

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000
Light Green #7EFC80
RGB
rgb(126, 252, 128)
HSL
hsl(121, 95%, 74%)
Luminanz
0,756
Viridian #1C945E
RGB
rgb(28, 148, 94)
HSL
hsl(153, 68%, 35%)
Luminanz
0,222
Gentian Blue #2C1C94
RGB
rgb(44, 28, 148)
HSL
hsl(248, 68%, 35%)
Luminanz
0,035
Han Blue #3E73CF
RGB
rgb(62, 115, 207)
HSL
hsl(218, 60%, 53%)
Luminanz
0,178
Icy Life #5EF7EF
RGB
rgb(94, 247, 239)
HSL
hsl(177, 91%, 67%)
Luminanz
0,751
Orchid #7A84F5
RGB
rgb(122, 132, 245)
HSL
hsl(235, 86%, 72%)
Luminanz
0,272
Hokkaido Lavender #8236CF
RGB
rgb(130, 54, 207)
HSL
hsl(270, 61%, 51%)
Luminanz
0,119
Xereus Purple #800A5D
RGB
rgb(128, 10, 93)
HSL
hsl(318, 86%, 27%)
Luminanz
0,056
Orchid Ecstasy #B53F8C
RGB
rgb(181, 63, 140)
HSL
hsl(321, 48%, 48%)
Luminanz
0,153
Forbidden Fruit #F77B7B
RGB
rgb(247, 123, 123)
HSL
hsl(0, 89%, 73%)
Luminanz
0,354
Crowberry #2A0554
RGB
rgb(42, 5, 84)
HSL
hsl(268, 89%, 17%)
Luminanz
0,012

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #2A0554 16,82:1 AAA
Aa #7EFC80 auf #2A0554 12,92:1 AAA
Aa #5EF7EF auf #2A0554 12,84:1 AAA
Aa #FFFFFF auf #2C1C94 12,35:1 AAA
Aa #FFFFFF auf #800A5D 9,91:1 AAA
Aa #7EFC80 auf #2C1C94 9,48:1 AAA
Aa #2C1C94 auf #5EF7EF 9,42:1 AAA
Aa #7EFC80 auf #800A5D 7,61:1 AAA
Aa #5EF7EF auf #800A5D 7,56:1 AAA
Aa #F77B7B auf #2A0554 6,47:1 AA
Aa #FFFFFF auf #8236CF 6,22:1 AA
Aa #FFFFFF auf #B53F8C 5,18:1 AA
Aa #7A84F5 auf #2A0554 5,16:1 AA
Aa #7EFC80 auf #8236CF 4,77:1 AA
Aa #2C1C94 auf #F77B7B 4,75:1 AA
Aa #5EF7EF auf #8236CF 4,74:1 AA
Aa #FFFFFF auf #3E73CF 4,61:1 AA
Aa #1C945E auf #2A0554 4,36:1 AA (großer Text)
Aa #7EFC80 auf #B53F8C 3,98:1 AA (großer Text)
Aa #5EF7EF auf #B53F8C 3,95:1 AA (großer Text)
Aa #FFFFFF auf #1C945E 3,86:1 AA (großer Text)
Aa #800A5D auf #F77B7B 3,81:1 AA (großer Text)
Aa #2C1C94 auf #7A84F5 3,79:1 AA (großer Text)
Aa #3E73CF auf #2A0554 3,65:1 AA (großer Text)
Aa #7EFC80 auf #3E73CF 3,54:1 AA (großer Text)
Aa #3E73CF auf #5EF7EF 3,52:1 AA (großer Text)
Aa #FFFFFF auf #7A84F5 3,26:1 AA (großer Text)
Aa #B53F8C auf #2A0554 3,25:1 AA (großer Text)
Aa #1C945E auf #2C1C94 3,20:1 AA (großer Text)
Aa #7A84F5 auf #800A5D 3,04:1 AA (großer Text)
Aa #7EFC80 auf #1C945E 2,96:1 Nicht bestanden
Aa #1C945E auf #5EF7EF 2,94:1 Nicht bestanden
Aa #8236CF auf #2A0554 2,71:1 Nicht bestanden
Aa #2C1C94 auf #3E73CF 2,68:1 Nicht bestanden
Aa #FFFFFF auf #F77B7B 2,60:1 Nicht bestanden
Aa #1C945E auf #800A5D 2,57:1 Nicht bestanden
Aa #7EFC80 auf #7A84F5 2,50:1 Nicht bestanden
Aa #5EF7EF auf #7A84F5 2,49:1 Nicht bestanden
Aa #8236CF auf #F77B7B 2,39:1 Nicht bestanden
Aa #2C1C94 auf #B53F8C 2,38:1 Nicht bestanden
Aa #3E73CF auf #800A5D 2,15:1 Nicht bestanden
Aa #7EFC80 auf #F77B7B 2,00:1 Nicht bestanden
Aa #2C1C94 auf #8236CF 1,99:1 Nicht bestanden
Aa #B53F8C auf #F77B7B 1,99:1 Nicht bestanden
Aa #5EF7EF auf #F77B7B 1,98:1 Nicht bestanden
Aa #7A84F5 auf #8236CF 1,91:1 Nicht bestanden
Aa #800A5D auf #B53F8C 1,91:1 Nicht bestanden
Aa #3E73CF auf #F77B7B 1,77:1 Nicht bestanden
Aa #800A5D auf #2A0554 1,70:1 Nicht bestanden
Aa #1C945E auf #8236CF 1,61:1 Nicht bestanden
Aa #7A84F5 auf #B53F8C 1,59:1 Nicht bestanden
Aa #8236CF auf #800A5D 1,59:1 Nicht bestanden
Aa #1C945E auf #F77B7B 1,48:1 Nicht bestanden
Aa #3E73CF auf #7A84F5 1,41:1 Nicht bestanden
Aa #2C1C94 auf #2A0554 1,36:1 Nicht bestanden
Aa #3E73CF auf #8236CF 1,35:1 Nicht bestanden
Aa #1C945E auf #B53F8C 1,34:1 Nicht bestanden
Aa #FFFFFF auf #5EF7EF 1,31:1 Nicht bestanden
Aa #FFFFFF auf #7EFC80 1,30:1 Nicht bestanden
Aa #2C1C94 auf #800A5D 1,25:1 Nicht bestanden
Aa #7A84F5 auf #F77B7B 1,25:1 Nicht bestanden
Aa #1C945E auf #3E73CF 1,20:1 Nicht bestanden
Aa #8236CF auf #B53F8C 1,20:1 Nicht bestanden
Aa #1C945E auf #7A84F5 1,18:1 Nicht bestanden
Aa #3E73CF auf #B53F8C 1,12:1 Nicht bestanden
Aa #7EFC80 auf #5EF7EF 1,01:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben