Criado em 07/04/2025 20:12
Next.js Startup Console
- Terminal Green#32cd32
- Framework Charcoal#1e1e1e
- Compile Blue#98c1d9
- Push Orange#ff944d
- Preview Lilac#bca7ff
- Soft Grid#f6f6f6
A paleta consiste em cores Luz, Escuro. Cores de destaque Push Orange #ff944d e Preview Lilac #bca7ff. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #F6F6F6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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): #1E1E1E, #32CD32, #98C1D9, #BCA7FF, #F6F6F6, #FF944D
A paleta Next.js Startup Console tem uma combinação de cores de códigos de 6:
HEX: #32cd32, RGB: (50, 205, 50); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #98c1d9, RGB: (152, 193, 217)
HEX: #ff944d, RGB: (255, 148, 77); HEX: #bca7ff, RGB: (188, 167, 255); HEX: #f6f6f6, RGB: (246, 246, 246)
Versão simplificada das cores da paleta
Sombra de Preto, Matiz de skyblue, Matiz de sandybrown, Matiz de lightsteelblue, Sombra de whitesmoke
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Next.js Startup Console códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #32cd32 | #32cd32 | RGB(50, 205, 50) | Terminal Green | Poisonous Pesticide |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Framework Charcoal | — |
| #98c1d9 | #98c1d9 | RGB(152, 193, 217) | Compile Blue | — |
| #ff944d | #ff944d | RGB(255, 148, 77) | Push Orange | — |
| #bca7ff | #bca7ff | RGB(188, 167, 255) | Preview Lilac | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Soft Grid | — |
Contraste da Paleta de Cores
9 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 |
#32cd32 | #98c1d9 | 1.1 |
#32cd32 | #ff944d | 1.03 |
#32cd32 | #bca7ff | 1.01 |
#32cd32 | #f6f6f6 | 1.95 |
#98c1d9 | #ff944d | 1.14 |
#98c1d9 | #bca7ff | 1.08 |
Paleta de imagens Next.js Startup Console png
Exportar paleta
Baixe a "Next.js Startup Console" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: