Creato a 07/28/2025 11:30
Full-Stack Design Token UI Kit
Server Side Steel
#8892b0
Client Rose
#f9a1bc
Component Snow
#f7f9fa
Auth Mint
#cffafe
Request Charcoal
#202225
Route Gold
#fdc500
La tavolozza è composta da Leggero, Buio colori. Colori accentati Auth Mint #cffafe e Route Gold #fdc500. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Full-Stack Design Token UI Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #8892b0, RGB: (136, 146, 176); ESADECIMALE: #f9a1bc, RGB: (249, 161, 188); ESADECIMALE: #f7f9fa, RGB: (247, 249, 250)
ESADECIMALE: #cffafe, RGB: (207, 250, 254); ESADECIMALE: #202225, RGB: (32, 34, 37); ESADECIMALE: #fdc500, RGB: (253, 197, 0)
Versione semplificata della tavolozza dei colori
Ombra di lightslategrey, Tonalità di lightpink, Ombra di whitesmoke, Tonalità di lightcyan, Ombra di Nero, Tonalità di gold
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Full-Stack Design Token UI Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #8892b0 | #8892b0 | RGB(136, 146, 176) | Server Side Steel | — |
| #f9a1bc | #f9a1bc | RGB(249, 161, 188) | Client Rose | — |
| #f7f9fa | #f7f9fa | RGB(247, 249, 250) | Component Snow | — |
| #cffafe | #cffafe | RGB(207, 250, 254) | Auth Mint | — |
| #202225 | #202225 | RGB(32, 34, 37) | Request Charcoal | — |
| #fdc500 | #fdc500 | RGB(253, 197, 0) | Route Gold | — |
Contrasto della palette di colori
8 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 |
#8892b0 | #f9a1bc | 1.59 |
#8892b0 | #fdc500 | 1.93 |
#f9a1bc | #f7f9fa | 1.83 |
#f9a1bc | #cffafe | 1.72 |
#f9a1bc | #fdc500 | 1.21 |
#f7f9fa | #cffafe | 1.06 |
