AI UI Component Hyperkit
- Neural Cream#f3ead8
- Quantum Teal#16b6a0
- Syntax Indigo#4c5fd5
- Pixel Rose#e38ab2
- Static Black#111111
- Floating Cloud#f9fafb
Criado em 06/13/2025 10:30
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Quantum Teal #16b6a0 e Pixel Rose #e38ab2. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #111111 (mais escuro) a #F9FAFB (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): #111111, #16B6A0, #4C5FD5, #E38AB2, #F3EAD8, #F9FAFB
A paleta AI UI Component Hyperkit combina 6 códigos de cor:
HEX: #f3ead8, RGB: (243, 234, 216); HEX: #16b6a0, RGB: (22, 182, 160); HEX: #4c5fd5, RGB: (76, 95, 213)
HEX: #e38ab2, RGB: (227, 138, 178); HEX: #111111, RGB: (17, 17, 17); HEX: #f9fafb, RGB: (249, 250, 251)
Versão simplificada das cores da paleta
Tom escuro de Renda-antiga, Tom escuro de Verde-mar-claro, Tom escuro de Azul-royal, Tom claro de Vermelho-violeta-pálido, Tom claro de Preto, Tom claro de Fumaça-branca
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
AI UI Component Hyperkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f3ead8 | #f3ead8 | RGB(243, 234, 216) | Neural Cream | — |
| #16b6a0 | #16b6a0 | RGB(22, 182, 160) | Quantum Teal | — |
| #4c5fd5 | #4c5fd5 | RGB(76, 95, 213) | Syntax Indigo | — |
| #e38ab2 | #e38ab2 | RGB(227, 138, 178) | Pixel Rose | — |
| #111111 | #111111 | RGB(17, 17, 17) | Static Black | Dreamless Sleep |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Floating Cloud | — |
Contraste da paleta de cores
2 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 |
|---|---|---|
#f3ead8 | #f9fafb | 1.14 |
#16b6a0 | #e38ab2 | 1.03 |
Paleta de imagens AI UI Component Hyperkit png
Exportar paleta
Baixe a "AI UI Component Hyperkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: