Criado em 06/09/2025 15:30
Next.js Web Component UI Kit
- Next Charcoal#1a1a1d
- Serverless Silver#d8dee9
- Static Cloud#edf6f9
- Routing Rose#f4a261
- Turbo Teal#2ec4b6
- APIBridge Beige#f6f5f3
A paleta consiste em cores Escuro, Luz. Cores de destaque Routing Rose #f4a261 e Turbo Teal #2ec4b6. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1D (mais escuro) a #F6F5F3 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura (4 de 6).
Códigos HEX (ordenados): #1A1A1D, #2EC4B6, #D8DEE9, #EDF6F9, #F4A261, #F6F5F3
A paleta Next.js Web Component UI Kit tem uma combinação de cores de códigos de 6:
HEX: #1a1a1d, RGB: (26, 26, 29); HEX: #d8dee9, RGB: (216, 222, 233); HEX: #edf6f9, RGB: (237, 246, 249)
HEX: #f4a261, RGB: (244, 162, 97); HEX: #2ec4b6, RGB: (46, 196, 182); HEX: #f6f5f3, RGB: (246, 245, 243)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de gainsboro, Matiz de aliceblue, Matiz de sandybrown, Matiz de mediumturquoise, Sombra de whitesmoke
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Next.js Web Component UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #1a1a1d | #1a1a1d | RGB(26, 26, 29) | Next Charcoal | — |
| #d8dee9 | #d8dee9 | RGB(216, 222, 233) | Serverless Silver | — |
| #edf6f9 | #edf6f9 | RGB(237, 246, 249) | Static Cloud | — |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Routing Rose | — |
| #2ec4b6 | #2ec4b6 | RGB(46, 196, 182) | Turbo Teal | — |
| #f6f5f3 | #f6f5f3 | RGB(246, 245, 243) | APIBridge Beige | — |
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 |
|---|---|---|
#d8dee9 | #edf6f9 | 1.23 |
#d8dee9 | #f4a261 | 1.52 |
#d8dee9 | #2ec4b6 | 1.6 |
#d8dee9 | #f6f5f3 | 1.23 |
#edf6f9 | #f4a261 | 1.87 |
#edf6f9 | #2ec4b6 | 1.97 |
Paleta de imagens Next.js Web Component UI Kit png
Exportar paleta
Baixe a "Next.js Web Component UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: