Creato a 07/19/2025 07:19
Neural Web Component UI Kit
Synapse Blue
#1f75fe
Cortex Gray
#a9a9b3
Algorithm Ivory
#fcfcf7
Inference Green
#34d399
Quantum Violet
#6b21a8
Pixel Black
#111827
Latency Cream
#fdf6ec
Framework Navy
#1e293b
La tavolozza è composta da Leggero, Buio colori. Colori accentati Synapse Blue #1f75fe e Latency Cream #fdf6ec. La tavolozza ha la temperatura del colore Freddo, Neutro.
La tavolozza Neural Web Component UI Kit ha una combinazione di colori dei codici 8:
ESADECIMALE: #1f75fe, RGB: (31, 117, 254); ESADECIMALE: #a9a9b3, RGB: (169, 169, 179); ESADECIMALE: #fcfcf7, RGB: (252, 252, 247)
ESADECIMALE: #34d399, RGB: (52, 211, 153); ESADECIMALE: #6b21a8, RGB: (107, 33, 168); ESADECIMALE: #111827, RGB: (17, 24, 39)
ESADECIMALE: #fdf6ec, RGB: (253, 246, 236); ESADECIMALE: #1e293b, RGB: (30, 41, 59)
Versione semplificata della tavolozza dei colori
Ombra di royalblue, Ombra di darkgrey, Tonalità di Bianco, Tonalità di mediumaquamarine, Ombra di darkviolet, Ombra di Nero, Tonalità di floralwhite, Ombra di midnightblue
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Neural Web Component UI Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1f75fe | #1f75fe | RGB(31, 117, 254) | Synapse Blue | Clouded Blue |
| #a9a9b3 | #a9a9b3 | RGB(169, 169, 179) | Cortex Gray | — |
| #fcfcf7 | #fcfcf7 | RGB(252, 252, 247) | Algorithm Ivory | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Inference Green | — |
| #6b21a8 | #6b21a8 | RGB(107, 33, 168) | Quantum Violet | — |
| #111827 | #111827 | RGB(17, 24, 39) | Pixel Black | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Latency Cream | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Framework Navy | — |
Contrasto della palette di colori
7 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 |
#1f75fe | #a9a9b3 | 1.79 |
#a9a9b3 | #34d399 | 1.21 |
#fcfcf7 | #34d399 | 1.86 |
#fcfcf7 | #fdf6ec | 1.04 |
#34d399 | #fdf6ec | 1.79 |
#6b21a8 | #1e293b | 1.67 |
