Criado em 02/07/2023 18:44
Ux design identity ui colors palette
- Orioles Orange#f4511c
- Orange-Yellow (Crayola)#fad26f
- Orko#d5110c
- Deep Puce#a9615c
- Periwinkle (Crayola)#cad2e5
- Knighthood#3c3f55
A paleta consiste em cores Luz. Cores de destaque Orange-Yellow (Crayola) #fad26f e Periwinkle (Crayola) #cad2e5. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #3C3F55 (mais escuro) a #CAD2E5 (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): #3C3F55, #A9615C, #CAD2E5, #D5110C, #F4511C, #FAD26F
A paleta Ux design identity ui colors palette tem uma combinação de cores de códigos de 6:
HEX: #f4511c, RGB: (244, 81, 28); HEX: #fad26f, RGB: (250, 210, 111); HEX: #d5110c, RGB: (213, 17, 12)
HEX: #a9615c, RGB: (169, 97, 92); HEX: #cad2e5, RGB: (202, 210, 229); HEX: #3c3f55, RGB: (60, 63, 85)
Versão simplificada das cores da paleta
Sombra de orangered, Sombra de gold, Matiz de firebrick, Matiz de indianred, Sombra de lightsteelblue, Matiz de darkslateblue
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Ux design identity ui colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f4511c | #f4511c | RGB(244, 81, 28) | Orioles Orange | — |
| #fad26f | #fad26f | RGB(250, 210, 111) | Orange-Yellow (Crayola) | — |
| #d5110c | #d5110c | RGB(213, 17, 12) | Orko | — |
| #a9615c | #a9615c | RGB(169, 97, 92) | Deep Puce | — |
| #cad2e5 | #cad2e5 | RGB(202, 210, 229) | Periwinkle (Crayola) | — |
| #3c3f55 | #3c3f55 | RGB(60, 63, 85) | Knighthood | — |
Contraste da Paleta de Cores
5 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 |
#f4511c | #d5110c | 1.54 |
#f4511c | #a9615c | 1.32 |
#fad26f | #cad2e5 | 1.04 |
#d5110c | #a9615c | 1.16 |
#d5110c | #3c3f55 | 1.92 |
Paleta de imagens Ux design identity ui colors palette png
Exportar paleta
Baixe a "Ux design identity ui colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: