Gluon Grey
#1A1A1D
Likes
47
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #1A1A1D;
--c-vibrant-2: #005244;
--c-vibrant-3: #7AB012;
--c-vibrant-4: #23BFD7;
--c-vibrant-5: #0D5ADF;
--c-vibrant-6: #5614BA;
--c-vibrant-7: #ED1515;
--c-vibrant-8: #F05203;
--c-vibrant-9: #FF5CC6;
--c-vibrant-10: #EDFCFF;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Placebo Sky (#EDFCFF) bis zum dunkelsten Ton Gluon Grey (#1A1A1D). Sie vereint Gluon Grey, Tetsu Green, Bevelled Grass, The Crowd Roars!, Chun-Li Blue, Purplue, Roman Empire Red, Cigarette Glow, Eosin Pink und Placebo Sky in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A1A1D auf #EDFCFF mit 16,51:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Tetsu Green
#005244
Bevelled Grass
#7AB012
The Crowd Roars!
#23BFD7
Chun-Li Blue
#0D5ADF
Purplue
#5614BA
Roman Empire Red
#ED1515
Cigarette Glow
#F05203
Eosin Pink
#FF5CC6
Placebo Sky
#EDFCFF
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1A1A1D auf #EDFCFF
16,51:1
AAA
Aa
#5614BA auf #EDFCFF
9,06:1
AAA
Aa
#005244 auf #EDFCFF
8,72:1
AAA
Aa
#1A1A1D auf #23BFD7
7,86:1
AAA
Aa
#1A1A1D auf #7AB012
6,65:1
AA
Aa
#1A1A1D auf #FF5CC6
6,28:1
AA
Aa
#0D5ADF auf #EDFCFF
5,63:1
AA
Aa
#1A1A1D auf #F05203
4,89:1
AA
Aa
#23BFD7 auf #5614BA
4,31:1
AA (großer Text)
Aa
#ED1515 auf #EDFCFF
4,23:1
AA (großer Text)
Aa
#005244 auf #23BFD7
4,15:1
AA (großer Text)
Aa
#1A1A1D auf #ED1515
3,90:1
AA (großer Text)
Aa
#7AB012 auf #5614BA
3,65:1
AA (großer Text)
Aa
#005244 auf #7AB012
3,51:1
AA (großer Text)
Aa
#5614BA auf #FF5CC6
3,45:1
AA (großer Text)
Aa
#F05203 auf #EDFCFF
3,38:1
AA (großer Text)
Aa
#005244 auf #FF5CC6
3,32:1
AA (großer Text)
Aa
#1A1A1D auf #0D5ADF
2,93:1
Nicht bestanden
Aa
#23BFD7 auf #0D5ADF
2,68:1
Nicht bestanden
Aa
#5614BA auf #F05203
2,68:1
Nicht bestanden
Aa
#FF5CC6 auf #EDFCFF
2,63:1
Nicht bestanden
Aa
#005244 auf #F05203
2,58:1
Nicht bestanden
Aa
#7AB012 auf #EDFCFF
2,48:1
Nicht bestanden
Aa
#7AB012 auf #0D5ADF
2,27:1
Nicht bestanden
Aa
#0D5ADF auf #FF5CC6
2,14:1
Nicht bestanden
Aa
#5614BA auf #ED1515
2,14:1
Nicht bestanden
Aa
#23BFD7 auf #EDFCFF
2,10:1
Nicht bestanden
Aa
#005244 auf #ED1515
2,06:1
Nicht bestanden
Aa
#23BFD7 auf #ED1515
2,01:1
Nicht bestanden
Aa
#1A1A1D auf #005244
1,89:1
Nicht bestanden
Aa
#1A1A1D auf #5614BA
1,82:1
Nicht bestanden
Aa
#7AB012 auf #ED1515
1,71:1
Nicht bestanden
Aa
#0D5ADF auf #F05203
1,67:1
Nicht bestanden
Aa
#23BFD7 auf #F05203
1,61:1
Nicht bestanden
Aa
#0D5ADF auf #5614BA
1,61:1
Nicht bestanden
Aa
#ED1515 auf #FF5CC6
1,61:1
Nicht bestanden
Aa
#005244 auf #0D5ADF
1,55:1
Nicht bestanden
Aa
#7AB012 auf #F05203
1,36:1
Nicht bestanden
Aa
#0D5ADF auf #ED1515
1,33:1
Nicht bestanden
Aa
#F05203 auf #FF5CC6
1,28:1
Nicht bestanden
Aa
#23BFD7 auf #FF5CC6
1,25:1
Nicht bestanden
Aa
#ED1515 auf #F05203
1,25:1
Nicht bestanden
Aa
#7AB012 auf #23BFD7
1,18:1
Nicht bestanden
Aa
#7AB012 auf #FF5CC6
1,06:1
Nicht bestanden
Aa
#005244 auf #5614BA
1,04:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022