Criado em 06/19/2025 20:49
Analytics-Driven Web App
- Chart Line Navy#2c3e50
- Metric Yellow Flash#ffe95b
- Insight Soft Green#c5f7d6
- Tooltip White#fdfdfd
- Dashboard Sand#f7f1ec
- Alert Signal Red#ff4f4f
A paleta consiste em cores Luz. Cores de destaque Chart Line Navy #2c3e50 e Metric Yellow Flash #ffe95b. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2C3E50 (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #2C3E50, #C5F7D6, #F7F1EC, #FDFDFD, #FF4F4F, #FFE95B
A paleta Analytics-Driven Web App tem uma combinação de cores de códigos de 6:
HEX: #2c3e50, RGB: (44, 62, 80); HEX: #ffe95b, RGB: (255, 233, 91); HEX: #c5f7d6, RGB: (197, 247, 214)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #f7f1ec, RGB: (247, 241, 236); HEX: #ff4f4f, RGB: (255, 79, 79)
Versão simplificada das cores da paleta
Matiz de darkslateblue, Sombra de gold, Sombra de aquamarine, Matiz de Branco, Sombra de linen, Matiz de tomato
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Analytics-Driven Web App códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | Chart Line Navy | — |
| #ffe95b | #ffe95b | RGB(255, 233, 91) | Metric Yellow Flash | — |
| #c5f7d6 | #c5f7d6 | RGB(197, 247, 214) | Insight Soft Green | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Tooltip White | Brilliance |
| #f7f1ec | #f7f1ec | RGB(247, 241, 236) | Dashboard Sand | — |
| #ff4f4f | #ff4f4f | RGB(255, 79, 79) | Alert Signal Red | — |
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 |
#ffe95b | #c5f7d6 | 1.03 |
#ffe95b | #fdfdfd | 1.21 |
#ffe95b | #f7f1ec | 1.09 |
#c5f7d6 | #fdfdfd | 1.16 |
#c5f7d6 | #f7f1ec | 1.06 |
#fdfdfd | #f7f1ec | 1.1 |
Paleta de imagens Analytics-Driven Web App png
Exportar paleta
Baixe a "Analytics-Driven Web App" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: