Criado em 03/28/2023 13:18
Ux design app vector colors
- Portland Orange#fa4f34
- Melon#f4b4b4
- Vampire Black#040c0c
- Old Silver#838484
- Pastel Blue#a5becc
- Black Olive#3c443c
A paleta consiste em cores Luz, Escuro. Cores de destaque Portland Orange #fa4f34 e Vampire Black #040c0c. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #040C0C (mais escuro) a #F4B4B4 (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 quente.
Códigos HEX (ordenados): #040C0C, #3C443C, #838484, #A5BECC, #F4B4B4, #FA4F34
A paleta Ux design app vector colors tem uma combinação de cores de códigos de 6:
HEX: #fa4f34, RGB: (250, 79, 52); HEX: #f4b4b4, RGB: (244, 180, 180); HEX: #040c0c, RGB: (4, 12, 12)
HEX: #838484, RGB: (131, 132, 132); HEX: #a5becc, RGB: (165, 190, 204); HEX: #3c443c, RGB: (60, 68, 60)
Versão simplificada das cores da paleta
Matiz de tomato, Matiz de lightpink, Sombra de Preto, Sombra de Cinza, Matiz de lightsteelblue, Matiz de darkslategrey
O esquema de cores foi criado por hex
Códigos de cores na paleta
Ux design app vector colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fa4f34 | #fa4f34 | RGB(250, 79, 52) | Portland Orange | — |
| #f4b4b4 | #f4b4b4 | RGB(244, 180, 180) | Melon | — |
| #040c0c | #040c0c | RGB(4, 12, 12) | Vampire Black | — |
| #838484 | #838484 | RGB(131, 132, 132) | Old Silver | — |
| #a5becc | #a5becc | RGB(165, 190, 204) | Pastel Blue | — |
| #3c443c | #3c443c | RGB(60, 68, 60) | Black Olive | — |
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 |
#fa4f34 | #f4b4b4 | 1.93 |
#fa4f34 | #838484 | 1.11 |
#fa4f34 | #a5becc | 1.73 |
#f4b4b4 | #a5becc | 1.11 |
#040c0c | #3c443c | 1.96 |
#838484 | #a5becc | 1.93 |
Paleta de imagens Ux design app vector colors png
Exportar paleta
Baixe a "Ux design app vector colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: