Criado em 05/24/2022 10:36
Ux web design ui illustration colours
- Battery Charged Blue#24aae1
- Diamond#c5edf9
- Red-Violet (Color Wheel)#973141
- Rackley#5f7b9f
- Laurel Green#a4b495
- Rich Black (FOGRA29)#0b0c14
A paleta consiste em cores Luz, Escuro. Cores de destaque Diamond #c5edf9 e Red-Violet (Color Wheel) #973141. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #0B0C14 (mais escuro) a #C5EDF9 (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): #0B0C14, #24AAE1, #5F7B9F, #973141, #A4B495, #C5EDF9
A paleta Ux web design ui illustration colours tem uma combinação de cores de códigos de 6:
HEX: #24aae1, RGB: (36, 170, 225); HEX: #c5edf9, RGB: (197, 237, 249); HEX: #973141, RGB: (151, 49, 65)
HEX: #5f7b9f, RGB: (95, 123, 159); HEX: #a4b495, RGB: (164, 180, 149); HEX: #0b0c14, RGB: (11, 12, 20)
Versão simplificada das cores da paleta
Matiz de deepskyblue, Sombra de lightblue, Sombra de brown, Sombra de steelblue, Sombra de darkseagreen, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ux web design ui illustration colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #24aae1 | #24aae1 | RGB(36, 170, 225) | Battery Charged Blue | — |
| #c5edf9 | #c5edf9 | RGB(197, 237, 249) | Diamond | — |
| #973141 | #973141 | RGB(151, 49, 65) | Red-Violet (Color Wheel) | — |
| #5f7b9f | #5f7b9f | RGB(95, 123, 159) | Rackley | — |
| #a4b495 | #a4b495 | RGB(164, 180, 149) | Laurel Green | — |
| #0b0c14 | #0b0c14 | RGB(11, 12, 20) | Rich Black (FOGRA29) | — |
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 |
#24aae1 | #5f7b9f | 1.64 |
#24aae1 | #a4b495 | 1.2 |
#c5edf9 | #a4b495 | 1.76 |
#973141 | #5f7b9f | 1.7 |
#5f7b9f | #a4b495 | 1.97 |
Paleta de imagens Ux web design ui illustration colours png
Exportar paleta
Baixe a "Ux web design ui illustration colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: