Criado em 03/03/2023 20:29
Metrics b2b user interface web app
- Han Blue#3f6abf
- Piggy Pink#f9d9e7
- Chinese Black#0c1424
- Bronze (Metallic)#ae8862
- Khaki (HTML/CSS)#c7b49f
- Liver Chestnut (Horses)#5c4434
A paleta consiste em cores Luz, Escuro. Cores de destaque Han Blue #3f6abf e Piggy Pink #f9d9e7. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #0C1424 (mais escuro) a #F9D9E7 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 1 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 quente (3 de 6).
Códigos HEX (ordenados): #0C1424, #3F6ABF, #5C4434, #AE8862, #C7B49F, #F9D9E7
A paleta Metrics b2b user interface web app tem uma combinação de cores de códigos de 6:
HEX: #3f6abf, RGB: (63, 106, 191); HEX: #f9d9e7, RGB: (249, 217, 231); HEX: #0c1424, RGB: (12, 20, 36)
HEX: #ae8862, RGB: (174, 136, 98); HEX: #c7b49f, RGB: (199, 180, 159); HEX: #5c4434, RGB: (92, 68, 52)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de mistyrose, Sombra de Preto, Matiz de peru, Matiz de tan, Matiz de saddlebrown
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Metrics b2b user interface web app códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3f6abf | #3f6abf | RGB(63, 106, 191) | Han Blue | — |
| #f9d9e7 | #f9d9e7 | RGB(249, 217, 231) | Piggy Pink | — |
| #0c1424 | #0c1424 | RGB(12, 20, 36) | Chinese Black | — |
| #ae8862 | #ae8862 | RGB(174, 136, 98) | Bronze (Metallic) | — |
| #c7b49f | #c7b49f | RGB(199, 180, 159) | Khaki (HTML/CSS) | — |
| #5c4434 | #5c4434 | RGB(92, 68, 52) | Liver Chestnut (Horses) | — |
Contraste da Paleta de Cores
4 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 |
|---|---|---|
#3f6abf | #ae8862 | 1.61 |
#3f6abf | #5c4434 | 1.72 |
#f9d9e7 | #c7b49f | 1.54 |
#ae8862 | #c7b49f | 1.6 |
Paleta de imagens Metrics b2b user interface web app png
Exportar paleta
Baixe a "Metrics b2b user interface web app" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: