Criado em 08/02/2025 13:33
AI-Driven UX Kit with React Components
- Neural Mint#3dd6b0
- Hyperlink Blue#0066ff
- Tensor Beige#f9f6ec
- Cognitive Lilac#c6b8e9
- Dark Mode Panel#1c1c1e
- Accessible Grey#7a7a7a
- Command Button Teal#00b8a9
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Tensor Beige #f9f6ec e Command Button Teal #00b8a9. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1C1C1E (mais escuro) a #F9F6EC (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 frio.
Códigos HEX (ordenados): #0066FF, #00B8A9, #1C1C1E, #3DD6B0, #7A7A7A, #C6B8E9, #F9F6EC
A paleta AI-Driven UX Kit with React Components tem uma combinação de cores de códigos de 7:
HEX: #3dd6b0, RGB: (61, 214, 176); HEX: #0066ff, RGB: (0, 102, 255); HEX: #f9f6ec, RGB: (249, 246, 236)
HEX: #c6b8e9, RGB: (198, 184, 233); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #7a7a7a, RGB: (122, 122, 122)
HEX: #00b8a9, RGB: (0, 184, 169)
Versão simplificada das cores da paleta
Matiz de mediumaquamarine, Matiz de royalblue, Matiz de floralwhite, Matiz de thistle, Sombra de Preto, Matiz de Cinza, Matiz de lightseagreen
O esquema de cores foi criado por hex
Códigos de cores na paleta
AI-Driven UX Kit with React Components códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3dd6b0 | #3dd6b0 | RGB(61, 214, 176) | Neural Mint | — |
| #0066ff | #0066ff | RGB(0, 102, 255) | Hyperlink Blue | Blue Ribbon |
| #f9f6ec | #f9f6ec | RGB(249, 246, 236) | Tensor Beige | — |
| #c6b8e9 | #c6b8e9 | RGB(198, 184, 233) | Cognitive Lilac | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Dark Mode Panel | — |
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Accessible Grey | Gray48 |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | Command Button Teal | — |
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 |
#3dd6b0 | #f9f6ec | 1.69 |
#3dd6b0 | #c6b8e9 | 1 |
#3dd6b0 | #00b8a9 | 1.35 |
#0066ff | #7a7a7a | 1.12 |
#0066ff | #00b8a9 | 1.94 |
#f9f6ec | #c6b8e9 | 1.69 |
Paleta de imagens AI-Driven UX Kit with React Components png
Exportar paleta
Baixe a "AI-Driven UX Kit with React Components" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: