Criado em 08/29/2022 13:27
Figma product design ui sidebar hex colors
- Button Blue#2ea0f4
- Vista Blue#838ef4
- Dark Gunmetal#1a1531
- Copper Penny#ac666f
- Cambridge Blue#afcda6
- Jacarta#43435e
A paleta consiste em cores Luz, Escuro. Cores de destaque Button Blue #2ea0f4 e Copper Penny #ac666f. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1A1531 (mais escuro) a #838EF4 (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 frio.
Códigos HEX (ordenados): #1A1531, #2EA0F4, #43435E, #838EF4, #AC666F, #AFCDA6
A paleta Figma product design ui sidebar hex colors tem uma combinação de cores de códigos de 6:
HEX: #2ea0f4, RGB: (46, 160, 244); HEX: #838ef4, RGB: (131, 142, 244); HEX: #1a1531, RGB: (26, 21, 49)
HEX: #ac666f, RGB: (172, 102, 111); HEX: #afcda6, RGB: (175, 205, 166); HEX: #43435e, RGB: (67, 67, 94)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Sombra de cornflowerblue, Matiz de midnightblue, Matiz de indianred, Sombra de darkseagreen, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Figma product design ui sidebar hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2ea0f4 | #2ea0f4 | RGB(46, 160, 244) | Button Blue | — |
| #838ef4 | #838ef4 | RGB(131, 142, 244) | Vista Blue | — |
| #1a1531 | #1a1531 | RGB(26, 21, 49) | Dark Gunmetal | — |
| #ac666f | #ac666f | RGB(172, 102, 111) | Copper Penny | — |
| #afcda6 | #afcda6 | RGB(175, 205, 166) | Cambridge Blue | — |
| #43435e | #43435e | RGB(67, 67, 94) | Jacarta | — |
Contraste da Paleta de Cores
6 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 |
#2ea0f4 | #838ef4 | 1.04 |
#2ea0f4 | #ac666f | 1.52 |
#2ea0f4 | #afcda6 | 1.62 |
#838ef4 | #ac666f | 1.46 |
#838ef4 | #afcda6 | 1.69 |
#1a1531 | #43435e | 1.84 |
Paleta de imagens Figma product design ui sidebar hex colors png
Exportar paleta
Baixe a "Figma product design ui sidebar hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: