Criado em 03/03/2023 22:02
Design page web app colors palette
- Picton Blue#34bcf4
- Medium Sky Blue#7cd4f4
- Blue Sapphire#065b7d
- Dark Chestnut#95695e
- Silver Pink#c2a9a6
- Dark Puce#4c343c
A paleta consiste em cores Luz. Cores de destaque Blue Sapphire #065b7d e Dark Chestnut #95695e. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #4C343C (mais escuro) a #7CD4F4 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
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 (3 de 6).
Códigos HEX (ordenados): #065B7D, #34BCF4, #4C343C, #7CD4F4, #95695E, #C2A9A6
A paleta Design page web app colors palette tem uma combinação de cores de códigos de 6:
HEX: #34bcf4, RGB: (52, 188, 244); HEX: #7cd4f4, RGB: (124, 212, 244); HEX: #065b7d, RGB: (6, 91, 125)
HEX: #95695e, RGB: (149, 105, 94); HEX: #c2a9a6, RGB: (194, 169, 166); HEX: #4c343c, RGB: (76, 52, 60)
Versão simplificada das cores da paleta
Sombra de deepskyblue, Sombra de skyblue, Sombra de darkslategrey, Sombra de sienna, Sombra de rosybrown, Matiz de dimgrey
O esquema de cores foi criado por hex
Códigos de cores na paleta
Design page web app colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #34bcf4 | #34bcf4 | RGB(52, 188, 244) | Picton Blue | — |
| #7cd4f4 | #7cd4f4 | RGB(124, 212, 244) | Medium Sky Blue | — |
| #065b7d | #065b7d | RGB(6, 91, 125) | Blue Sapphire | — |
| #95695e | #95695e | RGB(149, 105, 94) | Dark Chestnut | — |
| #c2a9a6 | #c2a9a6 | RGB(194, 169, 166) | Silver Pink | — |
| #4c343c | #4c343c | RGB(76, 52, 60) | Dark Puce | — |
Contraste da Paleta de Cores
5 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 |
|---|---|---|
#34bcf4 | #7cd4f4 | 1.3 |
#34bcf4 | #c2a9a6 | 1.01 |
#7cd4f4 | #c2a9a6 | 1.32 |
#065b7d | #95695e | 1.59 |
#065b7d | #4c343c | 1.5 |
Paleta de imagens Design page web app colors palette png
Exportar paleta
Baixe a "Design page web app colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: