Criado em 08/25/2022 17:52
Hero illustration ui webdesign palette
- Keppel#37a4ac
- Sky Magenta#cb68c1
- Police Blue#205f64
- Rose Taupe#9a545c
- Heliotrope Gray#a49dad
- Outer Space#424f59
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Keppel #37a4ac e Sky Magenta #cb68c1. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #205F64 (mais escuro) a #A49DAD (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio.
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): #205F64, #37A4AC, #424F59, #9A545C, #A49DAD, #CB68C1
A paleta Hero illustration ui webdesign palette tem uma combinação de cores de códigos de 6:
HEX: #37a4ac, RGB: (55, 164, 172); HEX: #cb68c1, RGB: (203, 104, 193); HEX: #205f64, RGB: (32, 95, 100)
HEX: #9a545c, RGB: (154, 84, 92); HEX: #a49dad, RGB: (164, 157, 173); HEX: #424f59, RGB: (66, 79, 89)
Versão simplificada das cores da paleta
Matiz de cadetblue, Matiz de orchid, Sombra de darkslategrey, Matiz de indianred, Matiz de darkgrey, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Hero illustration ui webdesign palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #37a4ac | #37a4ac | RGB(55, 164, 172) | Keppel | — |
| #cb68c1 | #cb68c1 | RGB(203, 104, 193) | Sky Magenta | — |
| #205f64 | #205f64 | RGB(32, 95, 100) | Police Blue | — |
| #9a545c | #9a545c | RGB(154, 84, 92) | Rose Taupe | — |
| #a49dad | #a49dad | RGB(164, 157, 173) | Heliotrope Gray | — |
| #424f59 | #424f59 | RGB(66, 79, 89) | Outer Space | — |
Contraste da Paleta de Cores
8 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 |
#37a4ac | #cb68c1 | 1.12 |
#37a4ac | #9a545c | 1.86 |
#37a4ac | #a49dad | 1.13 |
#cb68c1 | #9a545c | 1.65 |
#cb68c1 | #a49dad | 1.27 |
#205f64 | #9a545c | 1.31 |
Paleta de imagens Hero illustration ui webdesign palette png
Exportar paleta
Baixe a "Hero illustration ui webdesign palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: