Loading...
Criado em 04/10/2023 18:07
Vector design web ui colors
- Vermilion (Plochere)#d83d15
- Orange Soda#fb5a43
- CG Blue#1678a7
- Liberty#5c61a4
- Dust Storm#e1cac5
- Deep Koamaru#2c3057
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Orange Soda #fb5a43 e CG Blue #1678a7. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2C3057 (mais escuro) a #E1CAC5 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio.
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): #1678A7, #2C3057, #5C61A4, #D83D15, #E1CAC5, #FB5A43
A paleta Vector design web ui colors tem uma combinação de cores de códigos de 6:
HEX: #d83d15, RGB: (216, 61, 21); HEX: #fb5a43, RGB: (251, 90, 67); HEX: #1678a7, RGB: (22, 120, 167)
HEX: #5c61a4, RGB: (92, 97, 164); HEX: #e1cac5, RGB: (225, 202, 197); HEX: #2c3057, RGB: (44, 48, 87)
Versão simplificada das cores da paleta
Sombra de Vermelho, Matiz de tomato, Matiz de steelblue, Matiz de slateblue, Matiz de mistyrose, Matiz de darkslateblue
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Vector design web ui colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #d83d15 | #d83d15 | RGB(216, 61, 21) | Vermilion (Plochere) | — |
| #fb5a43 | #fb5a43 | RGB(251, 90, 67) | Orange Soda | — |
| #1678a7 | #1678a7 | RGB(22, 120, 167) | CG Blue | — |
| #5c61a4 | #5c61a4 | RGB(92, 97, 164) | Liberty | — |
| #e1cac5 | #e1cac5 | RGB(225, 202, 197) | Dust Storm | — |
| #2c3057 | #2c3057 | RGB(44, 48, 87) | Deep Koamaru | — |
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 |
#d83d15 | #fb5a43 | 1.44 |
#d83d15 | #1678a7 | 1.07 |
#d83d15 | #5c61a4 | 1.24 |
#fb5a43 | #1678a7 | 1.55 |
#fb5a43 | #5c61a4 | 1.79 |
#1678a7 | #5c61a4 | 1.15 |
Paleta de imagens Vector design web ui colors png
Exportar paleta
Baixe a "Vector design web ui colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: