Criado em 07/28/2025 11:14
Semantic Dashboard for Web Apps
- Alert Orange#ffa630
- Token Gray#a1a1a1
- Success Mint#50fa7b
- Background Pearl#fdfdfd
- Chart Blue#4086f4
- Navigation Charcoal#333941
A paleta consiste em cores Luz. Cores de destaque Alert Orange #ffa630 e Chart Blue #4086f4. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #333941 (mais escuro) a #FDFDFD (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): #333941, #4086F4, #50FA7B, #A1A1A1, #FDFDFD, #FFA630
A paleta Semantic Dashboard for Web Apps tem uma combinação de cores de códigos de 6:
HEX: #ffa630, RGB: (255, 166, 48); HEX: #a1a1a1, RGB: (161, 161, 161); HEX: #50fa7b, RGB: (80, 250, 123)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #4086f4, RGB: (64, 134, 244); HEX: #333941, RGB: (51, 57, 65)
Versão simplificada das cores da paleta
Sombra de Laranja, Matiz de darkgrey, Sombra de springgreen, Matiz de Branco, Sombra de dodgerblue, Matiz de darkslategrey
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Semantic Dashboard for Web Apps códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffa630 | #ffa630 | RGB(255, 166, 48) | Alert Orange | — |
| #a1a1a1 | #a1a1a1 | RGB(161, 161, 161) | Token Gray | Gray63 |
| #50fa7b | #50fa7b | RGB(80, 250, 123) | Success Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Background Pearl | Brilliance |
| #4086f4 | #4086f4 | RGB(64, 134, 244) | Chart Blue | — |
| #333941 | #333941 | RGB(51, 57, 65) | Navigation Charcoal | — |
Contraste da Paleta de Cores
7 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 |
#ffa630 | #a1a1a1 | 1.32 |
#ffa630 | #50fa7b | 1.42 |
#ffa630 | #fdfdfd | 1.92 |
#ffa630 | #4086f4 | 1.81 |
#a1a1a1 | #50fa7b | 1.88 |
#a1a1a1 | #4086f4 | 1.36 |
Paleta de imagens Semantic Dashboard for Web Apps png
Exportar paleta
Baixe a "Semantic Dashboard for Web Apps" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: