Criado em 06/17/2025 12:07
Responsive E-commerce UI Kit
- Cart Salmon#ff8e72
- Wishlist Mist#f4f5f7
- Product Teal Glow#22babb
- Add-to-Bag Orange#ffb84c
- Price Tag Navy#233142
- Promo Yellow Spark#ffea7f
A paleta consiste em cores Luz, Escuro. Cores de destaque Product Teal Glow #22babb e Promo Yellow Spark #ffea7f. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #233142 (mais escuro) a #F4F5F7 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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 quente.
Códigos HEX (ordenados): #22BABB, #233142, #F4F5F7, #FF8E72, #FFB84C, #FFEA7F
A paleta Responsive E-commerce UI Kit tem uma combinação de cores de códigos de 6:
HEX: #ff8e72, RGB: (255, 142, 114); HEX: #f4f5f7, RGB: (244, 245, 247); HEX: #22babb, RGB: (34, 186, 187)
HEX: #ffb84c, RGB: (255, 184, 76); HEX: #233142, RGB: (35, 49, 66); HEX: #ffea7f, RGB: (255, 234, 127)
Versão simplificada das cores da paleta
Sombra de darksalmon, Matiz de whitesmoke, Sombra de lightseagreen, Sombra de Laranja, Sombra de midnightblue, Sombra de Cáqui
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Responsive E-commerce UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ff8e72 | #ff8e72 | RGB(255, 142, 114) | Cart Salmon | — |
| #f4f5f7 | #f4f5f7 | RGB(244, 245, 247) | Wishlist Mist | — |
| #22babb | #22babb | RGB(34, 186, 187) | Product Teal Glow | — |
| #ffb84c | #ffb84c | RGB(255, 184, 76) | Add-to-Bag Orange | — |
| #233142 | #233142 | RGB(35, 49, 66) | Price Tag Navy | — |
| #ffea7f | #ffea7f | RGB(255, 234, 127) | Promo Yellow Spark | — |
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 |
#ff8e72 | #22babb | 1.06 |
#ff8e72 | #ffb84c | 1.3 |
#ff8e72 | #ffea7f | 1.85 |
#f4f5f7 | #ffb84c | 1.57 |
#f4f5f7 | #ffea7f | 1.11 |
#22babb | #ffb84c | 1.38 |
Paleta de imagens Responsive E-commerce UI Kit png
Exportar paleta
Baixe a "Responsive E-commerce UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: