AI-Powered E-commerce Interaction Palette
- Cart Sky#81d4fa
- Product Pink#f48fb1
- Buy Button Yellow#ffd600
- UX Gray#e0e0e0
- Review Coral#ff8a65
- Backdrop White#ffffff
Criado em 07/22/2025 11:22
A paleta consiste em cores Claro. Cores de destaque Cart Sky #81d4fa e Buy Button Yellow #ffd600. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #FF8A65 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (3 de 6).
Códigos HEX (ordenados): #81D4FA, #E0E0E0, #F48FB1, #FF8A65, #FFD600, #FFFFFF
A paleta AI-Powered E-commerce Interaction Palette combina 6 códigos de cor:
HEX: #81d4fa, RGB: (129, 212, 250); HEX: #f48fb1, RGB: (244, 143, 177); HEX: #ffd600, RGB: (255, 214, 0)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff8a65, RGB: (255, 138, 101); HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Tom claro de Azul-céu, Tom claro de Vermelho-violeta-pálido, Tom escuro de Dourado, Tom claro de Gainsboro, Tom claro de Coral, Branco
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
AI-Powered E-commerce Interaction Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Cart Sky | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Product Pink | — |
| #ffd600 | #ffd600 | RGB(255, 214, 0) | Buy Button Yellow | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | UX Gray | Gray88 |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Review Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Backdrop White | White |
Contraste da paleta de cores
13 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#81d4fa | #f48fb1 | 1.35 |
#81d4fa | #ffd600 | 1.16 |
#81d4fa | #e0e0e0 | 1.24 |
#81d4fa | #ff8a65 | 1.4 |
#81d4fa | #ffffff | 1.64 |
#f48fb1 | #ffd600 | 1.58 |
Paleta de imagens AI-Powered E-commerce Interaction Palette png
Exportar paleta
Baixe a "AI-Powered E-commerce Interaction Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: