Criado em 06/26/2022 10:18
Ux typo design tip uiux colors palette
- Verdigris#54b9b3
- Middle Blue Green#8fd0cc
- Rich Black (FOGRA29)#04140c
- Verdigris#4caca4
- Columbia Blue#c1d8d5
- Dark Lava#4c3c34
A paleta consiste em cores Luz, Escuro. Cores de destaque Rich Black (FOGRA29) #04140c e Dark Lava #4c3c34. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #04140C (mais escuro) a #C1D8D5 (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): #04140C, #4C3C34, #4CACA4, #54B9B3, #8FD0CC, #C1D8D5
A paleta Ux typo design tip uiux colors palette tem uma combinação de cores de códigos de 6:
HEX: #54b9b3, RGB: (84, 185, 179); HEX: #8fd0cc, RGB: (143, 208, 204); HEX: #04140c, RGB: (4, 20, 12)
HEX: #4caca4, RGB: (76, 172, 164); HEX: #c1d8d5, RGB: (193, 216, 213); HEX: #4c3c34, RGB: (76, 60, 52)
Versão simplificada das cores da paleta
Sombra de lightseagreen, Sombra de mediumturquoise, Sombra de Preto, Sombra de lightseagreen, Matiz de powderblue, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ux typo design tip uiux colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #54b9b3 | #54b9b3 | RGB(84, 185, 179) | Verdigris | — |
| #8fd0cc | #8fd0cc | RGB(143, 208, 204) | Middle Blue Green | — |
| #04140c | #04140c | RGB(4, 20, 12) | Rich Black (FOGRA29) | — |
| #4caca4 | #4caca4 | RGB(76, 172, 164) | Verdigris | — |
| #c1d8d5 | #c1d8d5 | RGB(193, 216, 213) | Columbia Blue | — |
| #4c3c34 | #4c3c34 | RGB(76, 60, 52) | Dark Lava | — |
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 |
#54b9b3 | #8fd0cc | 1.34 |
#54b9b3 | #4caca4 | 1.15 |
#54b9b3 | #c1d8d5 | 1.56 |
#8fd0cc | #4caca4 | 1.55 |
#8fd0cc | #c1d8d5 | 1.16 |
#04140c | #4c3c34 | 1.8 |
Paleta de imagens Ux typo design tip uiux colors palette png
Exportar paleta
Baixe a "Ux typo design tip uiux colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: