Next.js Dark Mode Studio
- SSR Slate#37474f
- Tailwind Mist#e0f2f1
- Static Jet#212121
- Optimized Violet#7e57c2
- Hydrate Ice#f3f3f3
- Code Orange#ff7043
Criado em 07/04/2025 09:41
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Tailwind Mist #e0f2f1 e Code Orange #ff7043. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #212121 (mais escuro) a #F3F3F3 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 1 vívidas em 6 cores.
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): #212121, #37474F, #7E57C2, #E0F2F1, #F3F3F3, #FF7043
A paleta Next.js Dark Mode Studio combina 6 códigos de cor:
HEX: #37474f, RGB: (55, 71, 79); HEX: #e0f2f1, RGB: (224, 242, 241); HEX: #212121, RGB: (33, 33, 33)
HEX: #7e57c2, RGB: (126, 87, 194); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #ff7043, RGB: (255, 112, 67)
Versão simplificada das cores da paleta
Tom escuro de Cinza-ardósia-escuro, Tom escuro de Azul-celeste, Tom claro de Preto, Tom claro de Azul-ardósia, Tom escuro de Fumaça-branca, Tom escuro de Coral
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Next.js Dark Mode Studio códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
4 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 |
|---|---|---|
#37474f | #212121 | 1.66 |
#37474f | #7e57c2 | 1.85 |
#e0f2f1 | #f3f3f3 | 1.04 |
#7e57c2 | #ff7043 | 1.89 |
Paleta de imagens Next.js Dark Mode Studio png
Exportar paleta
Baixe a "Next.js Dark Mode Studio" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: