Criado em 11/08/2022 07:16
Illustration design webdesign ui hex colors
- GO Green#05c768
- Yellow-Green (Crayola)#ccfc74
- Green (Munsell)#04c474
- Moss Green#93a459
- Khaki (HTML/CSS)#bda795
- Japanese Indigo#2c3c4f
A paleta consiste em cores Luz. Cores de destaque Green (Munsell) #04c474 e Khaki (HTML/CSS) #bda795. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2C3C4F (mais escuro) a #CCFC74 (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #04C474, #05C768, #2C3C4F, #93A459, #BDA795, #CCFC74
A paleta Illustration design webdesign ui hex colors tem uma combinação de cores de códigos de 6:
HEX: #05c768, RGB: (5, 199, 104); HEX: #ccfc74, RGB: (204, 252, 116); HEX: #04c474, RGB: (4, 196, 116)
HEX: #93a459, RGB: (147, 164, 89); HEX: #bda795, RGB: (189, 167, 149); HEX: #2c3c4f, RGB: (44, 60, 79)
Versão simplificada das cores da paleta
Matiz de mediumseagreen, Sombra de greenyellow, Matiz de mediumseagreen, Matiz de darkkhaki, Matiz de tan, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Illustration design webdesign ui hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #05c768 | #05c768 | RGB(5, 199, 104) | GO Green | — |
| #ccfc74 | #ccfc74 | RGB(204, 252, 116) | Yellow-Green (Crayola) | — |
| #04c474 | #04c474 | RGB(4, 196, 116) | Green (Munsell) | — |
| #93a459 | #93a459 | RGB(147, 164, 89) | Moss Green | — |
| #bda795 | #bda795 | RGB(189, 167, 149) | Khaki (HTML/CSS) | — |
| #2c3c4f | #2c3c4f | RGB(44, 60, 79) | Japanese Indigo | — |
Contraste da Paleta de Cores
9 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 |
|---|---|---|
#05c768 | #ccfc74 | 1.89 |
#05c768 | #04c474 | 1.02 |
#05c768 | #93a459 | 1.21 |
#05c768 | #bda795 | 1.02 |
#ccfc74 | #04c474 | 1.93 |
#ccfc74 | #bda795 | 1.94 |
Paleta de imagens Illustration design webdesign ui hex colors png
Exportar paleta
Baixe a "Illustration design webdesign ui hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: