Illustration webdesign web ux hex colors
- Arylide Yellow#e1cc69
- Flax#e8d990
- Vampire Black#040c0a
- Roman Silver#848c94
- Cadet Blue (Crayola)#b1b2c3
- Black#343c4c
Criado em 11/07/2022 11:00
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Arylide Yellow #e1cc69 e Black #343c4c. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #040C0A (mais escuro) a #E8D990 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #040C0A, #343C4C, #848C94, #B1B2C3, #E1CC69, #E8D990
A paleta Illustration webdesign web ux hex colors combina 6 códigos de cor:
HEX: #e1cc69, RGB: (225, 204, 105); HEX: #e8d990, RGB: (232, 217, 144); HEX: #040c0a, RGB: (4, 12, 10)
HEX: #848c94, RGB: (132, 140, 148); HEX: #b1b2c3, RGB: (177, 178, 195); HEX: #343c4c, RGB: (52, 60, 76)
Versão simplificada das cores da paleta
Tom escuro de Cáqui, Tom escuro de Cáqui, Tom claro de Preto, Tom claro de Cinza-ardósia-claro, Tom escuro de Azul-aço-claro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Illustration webdesign web ux hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #e1cc69 | #e1cc69 | RGB(225, 204, 105) | Arylide Yellow | — |
| #e8d990 | #e8d990 | RGB(232, 217, 144) | Flax | — |
| #040c0a | #040c0a | RGB(4, 12, 10) | Vampire Black | — |
| #848c94 | #848c94 | RGB(132, 140, 148) | Roman Silver | — |
| #b1b2c3 | #b1b2c3 | RGB(177, 178, 195) | Cadet Blue (Crayola) | — |
| #343c4c | #343c4c | RGB(52, 60, 76) | Black | North Sea Blue |
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 | Razão de contraste |
|---|---|---|
#e1cc69 | #e8d990 | 1.13 |
#e1cc69 | #b1b2c3 | 1.3 |
#e8d990 | #b1b2c3 | 1.47 |
#040c0a | #343c4c | 1.78 |
#848c94 | #b1b2c3 | 1.62 |
Paleta de imagens Illustration webdesign web ux hex colors png
Exportar paleta
Baixe a "Illustration webdesign web ux hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: