Creato a 06/14/2025 19:51
Modern Tailwind UI Elements
Slate Blue
#64748b
Accent Rose
#f472b6
Surface White
#f8fafc
Neutral Charcoal
#1e1e1e
Brand Lime
#a3f7bf
Interactive Teal
#2dd4bf
La tavolozza è composta da Leggero, Buio colori. Colori accentati Accent Rose #f472b6 e Brand Lime #a3f7bf. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Modern Tailwind UI Elements ha una combinazione di colori dei codici 6:
ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #f472b6, RGB: (244, 114, 182); ESADECIMALE: #f8fafc, RGB: (248, 250, 252)
ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #a3f7bf, RGB: (163, 247, 191); ESADECIMALE: #2dd4bf, RGB: (45, 212, 191)
Versione semplificata della tavolozza dei colori
Tonalità di slategrey, Ombra di hotpink, Ombra di whitesmoke, Ombra di Nero, Ombra di aquamarine, Tonalità di turquoise
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Modern Tailwind UI Elements codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #64748b | #64748b | RGB(100, 116, 139) | Slate Blue | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Accent Rose | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Surface White | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Neutral Charcoal | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Brand Lime | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Interactive Teal | — |
Contrasto della palette di colori
5 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 |
#64748b | #f472b6 | 1.79 |
#f472b6 | #2dd4bf | 1.42 |
#f8fafc | #a3f7bf | 1.2 |
#f8fafc | #2dd4bf | 1.77 |
#a3f7bf | #2dd4bf | 1.47 |
