Creato a 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
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hydrate Cyan #a9f6ff e Middleware Yellow #ffea00. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Next.js Component Playground ha una combinazione di colori dei codici 7:
ESADECIMALE: #bca0dc, RGB: (188, 160, 220); ESADECIMALE: #a9f6ff, RGB: (169, 246, 255); ESADECIMALE: #ffea00, RGB: (255, 234, 0)
ESADECIMALE: #e8e8e8, RGB: (232, 232, 232); ESADECIMALE: #2e2e38, RGB: (46, 46, 56); ESADECIMALE: #ff8474, RGB: (255, 132, 116)
ESADECIMALE: #0d1b2a, RGB: (13, 27, 42)
Versione semplificata della tavolozza dei colori
Tonalità di plum, Ombra di paleturquoise, Ombra di gold, Ombra di gainsboro, Ombra di Nero, Ombra di salmon, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Next.js Component Playground codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | 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 | — |
Contrasto della palette di colori
11 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#bca0dc | #a9f6ff | 1.88 |
#bca0dc | #ffea00 | 1.85 |
#bca0dc | #e8e8e8 | 1.86 |
#bca0dc | #ff8474 | 1.04 |
#a9f6ff | #ffea00 | 1.01 |
#a9f6ff | #e8e8e8 | 1.01 |
Tavolozza immagini Next.js Component Playground png
Esporta tavolozza
Scarica la "Next.js Component Playground" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: