Creato a 07/21/2025 12:42
NextJS Performance Harmony
Build Blue
#1d4ed8
Deploy Snow
#f9fafb
Hydration Yellow
#fde68a
Component Ink
#1f2937
Tailwind Sky
#60a5fa
SEO Plum
#c084fc
Syntax Sage
#d9ead3
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hydration Yellow #fde68a e SEO Plum #c084fc. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza NextJS Performance Harmony ha una combinazione di colori dei codici 7:
ESADECIMALE: #1d4ed8, RGB: (29, 78, 216); ESADECIMALE: #f9fafb, RGB: (249, 250, 251); ESADECIMALE: #fde68a, RGB: (253, 230, 138)
ESADECIMALE: #1f2937, RGB: (31, 41, 55); ESADECIMALE: #60a5fa, RGB: (96, 165, 250); ESADECIMALE: #c084fc, RGB: (192, 132, 252)
ESADECIMALE: #d9ead3, RGB: (217, 234, 211)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di whitesmoke, Ombra di Cachi, Ombra di Nero, Ombra di cornflowerblue, Tonalità di violet, Tonalità di honeydew
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
NextJS Performance Harmony codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | Build Blue | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Deploy Snow | — |
| #fde68a | #fde68a | RGB(253, 230, 138) | Hydration Yellow | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Component Ink | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Tailwind Sky | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | SEO Plum | — |
| #d9ead3 | #d9ead3 | RGB(217, 234, 211) | Syntax Sage | — |
Contrasto della palette di colori
4 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 |
#f9fafb | #fde68a | 1.19 |
#f9fafb | #d9ead3 | 1.2 |
#fde68a | #d9ead3 | 1.01 |
#60a5fa | #c084fc | 1.03 |
