Criado em 07/23/2025 08:38
NextJS AI Tools Light Theme UX
- Static Cream#faf9f6
- SSR Navy#003049
- Dynamic Blush#ff99c8
- Hook Sky#70d6ff
- Route White#fffdfd
- Token Slate#7c8b95
A paleta consiste em cores Luz, Escuro. Cores de destaque Hook Sky #70d6ff e Route White #fffdfd. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #003049 (mais escuro) a #FFFDFD (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): #003049, #70D6FF, #7C8B95, #FAF9F6, #FF99C8, #FFFDFD
A paleta NextJS AI Tools Light Theme UX tem uma combinação de cores de códigos de 6:
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #003049, RGB: (0, 48, 73); HEX: #ff99c8, RGB: (255, 153, 200)
HEX: #70d6ff, RGB: (112, 214, 255); HEX: #fffdfd, RGB: (255, 253, 253); HEX: #7c8b95, RGB: (124, 139, 149)
Versão simplificada das cores da paleta
Sombra de whitesmoke, Sombra de midnightblue, Sombra de plum, Sombra de skyblue, Matiz de Branco, Sombra de lightslategrey
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
NextJS AI Tools Light Theme UX códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Static Cream | — |
| #003049 | #003049 | RGB(0, 48, 73) | SSR Navy | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Dynamic Blush | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Hook Sky | — |
| #fffdfd | #fffdfd | RGB(255, 253, 253) | Route White | Whitecap Snow |
| #7c8b95 | #7c8b95 | RGB(124, 139, 149) | Token Slate | — |
Contraste da Paleta de Cores
7 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 |
#faf9f6 | #ff99c8 | 1.87 |
#faf9f6 | #70d6ff | 1.56 |
#faf9f6 | #fffdfd | 1.03 |
#ff99c8 | #70d6ff | 1.19 |
#ff99c8 | #fffdfd | 1.94 |
#ff99c8 | #7c8b95 | 1.77 |
Paleta de imagens NextJS AI Tools Light Theme UX png
Exportar paleta
Baixe a "NextJS AI Tools Light Theme UX" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: