Criado em 10/21/2022 13:18
Charts ui figma design system colours
- Indian Yellow#e8a05c
- Violets Are Blue#8470f0
- Sepia#744010
- Sonic Silver#747474
- Pale Silver#c6c9b4
- Charleston Green#2b2c2c
A paleta consiste em cores Luz, Escuro. Cores de destaque Violets Are Blue #8470f0 e Sepia #744010. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2B2C2C (mais escuro) a #C6C9B4 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #2B2C2C, #744010, #747474, #8470F0, #C6C9B4, #E8A05C
A paleta Charts ui figma design system colours tem uma combinação de cores de códigos de 6:
HEX: #e8a05c, RGB: (232, 160, 92); HEX: #8470f0, RGB: (132, 112, 240); HEX: #744010, RGB: (116, 64, 16)
HEX: #747474, RGB: (116, 116, 116); HEX: #c6c9b4, RGB: (198, 201, 180); HEX: #2b2c2c, RGB: (43, 44, 44)
Versão simplificada das cores da paleta
Matiz de sandybrown, Sombra de mediumslateblue, Matiz de saddlebrown, Sombra de dimgrey, Sombra de Prata, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Charts ui figma design system colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #e8a05c | #e8a05c | RGB(232, 160, 92) | Indian Yellow | — |
| #8470f0 | #8470f0 | RGB(132, 112, 240) | Violets Are Blue | — |
| #744010 | #744010 | RGB(116, 64, 16) | Sepia | — |
| #747474 | #747474 | RGB(116, 116, 116) | Sonic Silver | — |
| #c6c9b4 | #c6c9b4 | RGB(198, 201, 180) | Pale Silver | — |
| #2b2c2c | #2b2c2c | RGB(43, 44, 44) | Charleston Green | — |
Contraste da Paleta de Cores
5 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#e8a05c | #8470f0 | 1.73 |
#e8a05c | #c6c9b4 | 1.29 |
#8470f0 | #747474 | 1.23 |
#744010 | #747474 | 1.8 |
#744010 | #2b2c2c | 1.65 |
Paleta de imagens Charts ui figma design system colours png
Exportar paleta
Baixe a "Charts ui figma design system colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: