Criado em 07/11/2025 21:05
Next.js Static Site Generator UI
- Static Graphite#2e2e2e
- Hydration Yellow#ffe066
- Dynamic Route Aqua#5ec576
- Fallback Cream#fff8e7
- SSR Pink#fdaeae
- Page Navy#003049
- Head Meta Mint#a3f7bf
A paleta consiste em cores Escuro, Luz. Cores de destaque Fallback Cream #fff8e7 e Page Navy #003049. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #003049 (mais escuro) a #FFF8E7 (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, #2E2E2E, #5EC576, #A3F7BF, #FDAEAE, #FFE066, #FFF8E7
A paleta Next.js Static Site Generator UI tem uma combinação de cores de códigos de 7:
HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #ffe066, RGB: (255, 224, 102); HEX: #5ec576, RGB: (94, 197, 118)
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #fdaeae, RGB: (253, 174, 174); HEX: #003049, RGB: (0, 48, 73)
HEX: #a3f7bf, RGB: (163, 247, 191)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de gold, Sombra de mediumseagreen, Sombra de oldlace, Matiz de lightpink, Sombra de midnightblue, Sombra de aquamarine
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Next.js Static Site Generator UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Static Graphite | Carbon Fiber |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Hydration Yellow | — |
| #5ec576 | #5ec576 | RGB(94, 197, 118) | Dynamic Route Aqua | — |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Fallback Cream | Cosmic Latte |
| #fdaeae | #fdaeae | RGB(253, 174, 174) | SSR Pink | — |
| #003049 | #003049 | RGB(0, 48, 73) | Page Navy | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Head Meta Mint | — |
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 |
#2e2e2e | #003049 | 1.01 |
#ffe066 | #5ec576 | 1.65 |
#ffe066 | #fff8e7 | 1.23 |
#ffe066 | #fdaeae | 1.36 |
#ffe066 | #a3f7bf | 1.03 |
#5ec576 | #fdaeae | 1.21 |
Paleta de imagens Next.js Static Site Generator UI png
Exportar paleta
Baixe a "Next.js Static Site Generator UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: