Criado em 07/28/2025 11:13
Next.js Component Playground
SSR Lilac
#bca0dc
Hydrate Cyan
#a9f6ff
Middleware Yellow
#ffea00
Props Gray
#e8e8e8
Router Charcoal
#2e2e38
Dynamic Coral
#ff8474
TypeScript Ink
#0d1b2a
A paleta consiste em cores Luz, Escuro. Cores de destaque Hydrate Cyan #a9f6ff e Middleware Yellow #ffea00. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Next.js Component Playground tem uma combinação de cores de códigos de 7:
HEX: #bca0dc, RGB: (188, 160, 220); HEX: #a9f6ff, RGB: (169, 246, 255); HEX: #ffea00, RGB: (255, 234, 0)
HEX: #e8e8e8, RGB: (232, 232, 232); HEX: #2e2e38, RGB: (46, 46, 56); HEX: #ff8474, RGB: (255, 132, 116)
HEX: #0d1b2a, RGB: (13, 27, 42)
Versão simplificada das cores da paleta
Matiz de plum, Sombra de paleturquoise, Sombra de gold, Sombra de gainsboro, Sombra de Preto, Sombra de salmon, Sombra de Preto
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Next.js Component Playground códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #bca0dc | #bca0dc | RGB(188, 160, 220) | SSR Lilac | — |
| #a9f6ff | #a9f6ff | RGB(169, 246, 255) | Hydrate Cyan | — |
| #ffea00 | #ffea00 | RGB(255, 234, 0) | Middleware Yellow | — |
| #e8e8e8 | #e8e8e8 | RGB(232, 232, 232) | Props Gray | Unicorn Silver |
| #2e2e38 | #2e2e38 | RGB(46, 46, 56) | Router Charcoal | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Dynamic Coral | — |
| #0d1b2a | #0d1b2a | RGB(13, 27, 42) | TypeScript Ink | — |
Contraste da Paleta de Cores
11 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 |
#bca0dc | #a9f6ff | 1.88 |
#bca0dc | #ffea00 | 1.85 |
#bca0dc | #e8e8e8 | 1.86 |
#bca0dc | #ff8474 | 1.04 |
#a9f6ff | #ffea00 | 1.01 |
#a9f6ff | #e8e8e8 | 1.01 |
