Vuestic UI Accent Color Palette
- va-primary#154ec1
- va-success#3d9209
- va-danger#e42222
- va-secondary#666e75
- va-warning#ffd43a
- va-info#158de3
Criado em 05/31/2023 10:21
A paleta consiste em cores Semi escuro, Claro. Cores de destaque va-warning #ffd43a e va-info #158de3. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #154EC1 (mais escuro) a #FFD43A (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 83% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (3 de 6).
Códigos HEX (ordenados): #154EC1, #158DE3, #3D9209, #666E75, #E42222, #FFD43A
A paleta Vuestic UI Accent Color Palette combina 6 códigos de cor:
HEX: #154ec1, RGB: (21, 78, 193); HEX: #3d9209, RGB: (61, 146, 9); HEX: #e42222, RGB: (228, 34, 34)
HEX: #666e75, RGB: (102, 110, 117); HEX: #ffd43a, RGB: (255, 212, 58); HEX: #158de3, RGB: (21, 141, 227)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom claro de Verde-floresta, Tom claro de Vermelho, Tom claro de Cinza-fosco, Tom claro de Dourado, Tom escuro de Azul-dodger
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Vuestic UI Accent Color Palette códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
9 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#154ec1 | #3d9209 | 1.83 |
#154ec1 | #e42222 | 1.57 |
#154ec1 | #666e75 | 1.4 |
#3d9209 | #e42222 | 1.16 |
#3d9209 | #666e75 | 1.31 |
#3d9209 | #158de3 | 1.11 |
Paleta de imagens Vuestic UI Accent Color Palette png
Exportar paleta
Baixe a "Vuestic UI Accent Color Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: