Criado em 11/12/2022 17:29
Design app ux ui colours
- Dodger Blue#1c84f3
- Tufts Blue#4095ee
- Indigo (Rainbow)#27286d
- Middle Red Purple#9b4a52
- Turquoise Green#9cd4bc
- Japanese Violet#543454
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Dodger Blue #1c84f3 e Middle Red Purple #9b4a52. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #543454 (mais escuro) a #9CD4BC (mais claro). A faixa de luminosidade é moderada.
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): #1C84F3, #27286D, #4095EE, #543454, #9B4A52, #9CD4BC
A paleta Design app ux ui colours tem uma combinação de cores de códigos de 6:
HEX: #1c84f3, RGB: (28, 132, 243); HEX: #4095ee, RGB: (64, 149, 238); HEX: #27286d, RGB: (39, 40, 109)
HEX: #9b4a52, RGB: (155, 74, 82); HEX: #9cd4bc, RGB: (156, 212, 188); HEX: #543454, RGB: (84, 52, 84)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Sombra de dodgerblue, Sombra de midnightblue, Sombra de brown, Sombra de mediumaquamarine, Matiz de darkslateblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Design app ux ui colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1c84f3 | #1c84f3 | RGB(28, 132, 243) | Dodger Blue | — |
| #4095ee | #4095ee | RGB(64, 149, 238) | Tufts Blue | — |
| #27286d | #27286d | RGB(39, 40, 109) | Indigo (Rainbow) | — |
| #9b4a52 | #9b4a52 | RGB(155, 74, 82) | Middle Red Purple | — |
| #9cd4bc | #9cd4bc | RGB(156, 212, 188) | Turquoise Green | — |
| #543454 | #543454 | RGB(84, 52, 84) | Japanese Violet | — |
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 |
#1c84f3 | #4095ee | 1.19 |
#1c84f3 | #9b4a52 | 1.61 |
#4095ee | #9b4a52 | 1.93 |
#4095ee | #9cd4bc | 1.85 |
#27286d | #543454 | 1.23 |
#9b4a52 | #543454 | 1.75 |
Paleta de imagens Design app ux ui colours png
Exportar paleta
Baixe a "Design app ux ui colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: