Criado em 12/20/2022 10:09
Web ux website grid
- Blueberry#4c8cfc
- Light Salmon#fca47a
- Cetacean Blue#160f4e
- Redwood#a6615b
- Wild Blue Yonder#a4a8d7
- Jacarta#3b2d5b
A paleta consiste em cores Luz, Escuro. Cores de destaque Blueberry #4c8cfc e Light Salmon #fca47a. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #160F4E (mais escuro) a #A4A8D7 (mais claro). A faixa de luminosidade é ampla.
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): #160F4E, #3B2D5B, #4C8CFC, #A4A8D7, #A6615B, #FCA47A
A paleta Web ux website grid tem uma combinação de cores de códigos de 6:
HEX: #4c8cfc, RGB: (76, 140, 252); HEX: #fca47a, RGB: (252, 164, 122); HEX: #160f4e, RGB: (22, 15, 78)
HEX: #a6615b, RGB: (166, 97, 91); HEX: #a4a8d7, RGB: (164, 168, 215); HEX: #3b2d5b, RGB: (59, 45, 91)
Versão simplificada das cores da paleta
Matiz de cornflowerblue, Sombra de lightsalmon, Matiz de midnightblue, Matiz de indianred, Matiz de lightsteelblue, Matiz de darkslateblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Web ux website grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #4c8cfc | #4c8cfc | RGB(76, 140, 252) | Blueberry | — |
| #fca47a | #fca47a | RGB(252, 164, 122) | Light Salmon | — |
| #160f4e | #160f4e | RGB(22, 15, 78) | Cetacean Blue | — |
| #a6615b | #a6615b | RGB(166, 97, 91) | Redwood | — |
| #a4a8d7 | #a4a8d7 | RGB(164, 168, 215) | Wild Blue Yonder | — |
| #3b2d5b | #3b2d5b | RGB(59, 45, 91) | Jacarta | — |
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 |
#4c8cfc | #fca47a | 1.65 |
#4c8cfc | #a6615b | 1.44 |
#4c8cfc | #a4a8d7 | 1.41 |
#fca47a | #a4a8d7 | 1.17 |
#160f4e | #3b2d5b | 1.41 |
Paleta de imagens Web ux website grid png
Exportar paleta
Baixe a "Web ux website grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: