Criado em 08/11/2025 08:45
Responsive E-Commerce Panel
- Product Blue#1e88e5
- Sale Red#e63946
- Discount Yellow#ffd166
- Cart Mint#66cdaa
- Stock Gray#9e9e9e
- Background White#ffffff
- Footer Black#1a1a1a
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Product Blue #1e88e5 e Discount Yellow #ffd166. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #FFFFFF (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #1A1A1A, #1E88E5, #66CDAA, #9E9E9E, #E63946, #FFD166, #FFFFFF
A paleta Responsive E-Commerce Panel tem uma combinação de cores de códigos de 7:
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #e63946, RGB: (230, 57, 70); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #66cdaa, RGB: (102, 205, 170); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #1a1a1a, RGB: (26, 26, 26)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Sombra de crimson, Sombra de gold, Matiz de darkgrey, Branco, Sombra de Preto
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Responsive E-Commerce Panel códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Product Blue | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Sale Red | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Discount Yellow | — |
| #66cdaa | #66cdaa | RGB(102, 205, 170) | Cart Mint | Aquarium Blue |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Stock Gray | Gray62 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Footer Black | Gray10 |
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 |
#1e88e5 | #e63946 | 1.13 |
#1e88e5 | #66cdaa | 1.9 |
#1e88e5 | #9e9e9e | 1.37 |
#e63946 | #9e9e9e | 1.55 |
#ffd166 | #66cdaa | 1.33 |
#ffd166 | #9e9e9e | 1.85 |
Paleta de imagens Responsive E-Commerce Panel png
Exportar paleta
Baixe a "Responsive E-Commerce Panel" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: