Ui app ux design colours
- Verdigris#45b9a6
- Columbia Blue#c4e9e3
- Dark Slate Gray#246056
- Philippine Gray#848c8c
- Opal#9dbcbc
- Onyx#343c3c
Criado em 02/24/2022 08:52
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Verdigris #45b9a6 e Columbia Blue #c4e9e3. A paleta tem Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #343C3C (mais escuro) a #C4E9E3 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio, com uma média de 28% na paleta.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 10°.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #246056, #343C3C, #45B9A6, #848C8C, #9DBCBC, #C4E9E3
A paleta Ui app ux design colours combina 6 códigos de cor:
HEX: #45b9a6, RGB: (69, 185, 166); HEX: #c4e9e3, RGB: (196, 233, 227); HEX: #246056, RGB: (36, 96, 86)
HEX: #848c8c, RGB: (132, 140, 140); HEX: #9dbcbc, RGB: (157, 188, 188); HEX: #343c3c, RGB: (52, 60, 60)
Versão simplificada das cores da paleta
Tom claro de Verde-mar-claro, Tom claro de Turquesa-pálido, Tom claro de Cinza-ardósia-escuro, Tom claro de Cinza, Tom escuro de Azul-claro, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui app ux design colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #45b9a6 | #45b9a6 | RGB(69, 185, 166) | Verdigris | — |
| #c4e9e3 | #c4e9e3 | RGB(196, 233, 227) | Columbia Blue | — |
| #246056 | #246056 | RGB(36, 96, 86) | Dark Slate Gray | — |
| #848c8c | #848c8c | RGB(132, 140, 140) | Philippine Gray | — |
| #9dbcbc | #9dbcbc | RGB(157, 188, 188) | Opal | — |
| #343c3c | #343c3c | RGB(52, 60, 60) | Onyx | — |
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 | Razão de contraste |
|---|---|---|
#45b9a6 | #c4e9e3 | 1.84 |
#45b9a6 | #848c8c | 1.43 |
#45b9a6 | #9dbcbc | 1.18 |
#c4e9e3 | #9dbcbc | 1.55 |
#246056 | #343c3c | 1.55 |
#848c8c | #9dbcbc | 1.69 |
Paleta de imagens Ui app ux design colours png
Exportar paleta
Baixe a "Ui app ux design colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: