Criado em 06/24/2025 17:24
Next.js Multi-Theme Starter
- Light Surface Sand#fdf6ec
- Dark Mode Ink#1b1c1d
- Primary Orchid#d4a1ff
- CTA Blue Bolt#59c7ff
- Accent Blush#ff9f9f
- Divider Fog Gray#d6d8da
A paleta consiste em cores Luz, Escuro. Cores de destaque CTA Blue Bolt #59c7ff e Accent Blush #ff9f9f. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1B1C1D (mais escuro) a #FDF6EC (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): #1B1C1D, #59C7FF, #D4A1FF, #D6D8DA, #FDF6EC, #FF9F9F
A paleta Next.js Multi-Theme Starter tem uma combinação de cores de códigos de 6:
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #1b1c1d, RGB: (27, 28, 29); HEX: #d4a1ff, RGB: (212, 161, 255)
HEX: #59c7ff, RGB: (89, 199, 255); HEX: #ff9f9f, RGB: (255, 159, 159); HEX: #d6d8da, RGB: (214, 216, 218)
Versão simplificada das cores da paleta
Matiz de floralwhite, Sombra de Preto, Sombra de plum, Sombra de deepskyblue, Sombra de lightcoral, Sombra de lightgrey
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Next.js Multi-Theme Starter códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Light Surface Sand | — |
| #1b1c1d | #1b1c1d | RGB(27, 28, 29) | Dark Mode Ink | — |
| #d4a1ff | #d4a1ff | RGB(212, 161, 255) | Primary Orchid | — |
| #59c7ff | #59c7ff | RGB(89, 199, 255) | CTA Blue Bolt | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Accent Blush | — |
| #d6d8da | #d6d8da | RGB(214, 216, 218) | Divider Fog Gray | — |
Contraste da Paleta de Cores
10 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 |
#fdf6ec | #d4a1ff | 1.89 |
#fdf6ec | #59c7ff | 1.77 |
#fdf6ec | #ff9f9f | 1.82 |
#fdf6ec | #d6d8da | 1.33 |
#d4a1ff | #59c7ff | 1.06 |
#d4a1ff | #ff9f9f | 1.03 |
Paleta de imagens Next.js Multi-Theme Starter png
Exportar paleta
Baixe a "Next.js Multi-Theme Starter" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: