Product Design AI Toolkit
- Persona Apricot#ffbc97
- Wireframe Silver#d3d3d3
- Empathy Violet#a78bfa
- Component Teal#38b2ac
- UI Cream#fdfdf1
- Prototype Black#2c2c2c
Criado em 07/11/2025 21:20
A paleta consiste em cores Claro, Escuro. Cores de destaque Persona Apricot #ffbc97 e Empathy Violet #a78bfa. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #2C2C2C (mais escuro) a #FDFDF1 (mais claro). A faixa de luminosidade é ampla.
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 frio (2 de 6).
Códigos HEX (ordenados): #2C2C2C, #38B2AC, #A78BFA, #D3D3D3, #FDFDF1, #FFBC97
A paleta Product Design AI Toolkit combina 6 códigos de cor:
HEX: #ffbc97, RGB: (255, 188, 151); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #a78bfa, RGB: (167, 139, 250)
HEX: #38b2ac, RGB: (56, 178, 172); HEX: #fdfdf1, RGB: (253, 253, 241); HEX: #2c2c2c, RGB: (44, 44, 44)
Versão simplificada das cores da paleta
Tom claro de Salmão-claro, Cinza-claro, Tom claro de Roxo-médio, Tom claro de Verde-mar-claro, Tom escuro de Marfim, Tom claro de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Product Design AI Toolkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffbc97 | #ffbc97 | RGB(255, 188, 151) | Persona Apricot | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Wireframe Silver | Lightgray |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Empathy Violet | — |
| #38b2ac | #38b2ac | RGB(56, 178, 172) | Component Teal | — |
| #fdfdf1 | #fdfdf1 | RGB(253, 253, 241) | UI Cream | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Prototype Black | — |
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 | Razão de contraste |
|---|---|---|
#ffbc97 | #d3d3d3 | 1.08 |
#ffbc97 | #a78bfa | 1.67 |
#ffbc97 | #38b2ac | 1.58 |
#ffbc97 | #fdfdf1 | 1.58 |
#d3d3d3 | #a78bfa | 1.81 |
#d3d3d3 | #38b2ac | 1.72 |
Paleta de imagens Product Design AI Toolkit png
Exportar paleta
Baixe a "Product Design AI Toolkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: