Loading...
Creato a 07/10/2025 08:30
AI Color System for UI/UX
- Model Pink#fc9d9d
- Inference Blue#9ad0ec
- Training Graphite#373f51
- Neural Net Cream#fff6ec
- Logic Green#a8e6cf
- Feature White#fcfdfe
La tavolozza è composta da Leggero colori. Colori accentati Inference Blue #9ad0ec e Neural Net Cream #fff6ec. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #373F51 (più scuro) a #FCFDFE (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #373F51, #9AD0EC, #A8E6CF, #FC9D9D, #FCFDFE, #FFF6EC
La tavolozza AI Color System for UI/UX ha una combinazione di colori dei codici 6:
ESADECIMALE: #fc9d9d, RGB: (252, 157, 157); ESADECIMALE: #9ad0ec, RGB: (154, 208, 236); ESADECIMALE: #373f51, RGB: (55, 63, 81)
ESADECIMALE: #fff6ec, RGB: (255, 246, 236); ESADECIMALE: #a8e6cf, RGB: (168, 230, 207); ESADECIMALE: #fcfdfe, RGB: (252, 253, 254)
Versione semplificata della tavolozza dei colori
Ombra di lightcoral, Ombra di skyblue, Tonalità di darkslateblue, Tonalità di floralwhite, Tonalità di paleturquoise, Tonalità di Bianco
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
AI Color System for UI/UX codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fc9d9d | #fc9d9d | RGB(252, 157, 157) | Model Pink | — |
| #9ad0ec | #9ad0ec | RGB(154, 208, 236) | Inference Blue | — |
| #373f51 | #373f51 | RGB(55, 63, 81) | Training Graphite | — |
| #fff6ec | #fff6ec | RGB(255, 246, 236) | Neural Net Cream | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Logic Green | — |
| #fcfdfe | #fcfdfe | RGB(252, 253, 254) | Feature White | — |
Contrasto della palette di colori
10 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 |
#fc9d9d | #9ad0ec | 1.2 |
#fc9d9d | #fff6ec | 1.88 |
#fc9d9d | #a8e6cf | 1.42 |
#fc9d9d | #fcfdfe | 1.97 |
#9ad0ec | #fff6ec | 1.55 |
#9ad0ec | #a8e6cf | 1.18 |
Tavolozza immagini AI Color System for UI/UX png
Esporta tavolozza
Scarica la "AI Color System for UI/UX" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: