Creato a 07/14/2025 07:56
User-Centric AI Design System
- Behavior Mint#c1fba4
- Pattern Cream#fff7ec
- Journey Indigo#6457a6
- Signal Coral#ff847c
- Intent Grey#a5a5a5
- Output White#fafafa
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Pattern Cream #fff7ec e Journey Indigo #6457a6. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #6457A6 (più scuro) a #FAFAFA (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #6457A6, #A5A5A5, #C1FBA4, #FAFAFA, #FF847C, #FFF7EC
La tavolozza User-Centric AI Design System ha una combinazione di colori dei codici 6:
ESADECIMALE: #c1fba4, RGB: (193, 251, 164); ESADECIMALE: #fff7ec, RGB: (255, 247, 236); ESADECIMALE: #6457a6, RGB: (100, 87, 166)
ESADECIMALE: #ff847c, RGB: (255, 132, 124); ESADECIMALE: #a5a5a5, RGB: (165, 165, 165); ESADECIMALE: #fafafa, RGB: (250, 250, 250)
Versione semplificata della tavolozza dei colori
Ombra di palegreen, Tonalità di floralwhite, Tonalità di slateblue, Ombra di salmon, Tonalità di darkgrey, Ombra di whitesmoke
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
User-Centric AI Design System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #c1fba4 | #c1fba4 | RGB(193, 251, 164) | Behavior Mint | — |
| #fff7ec | #fff7ec | RGB(255, 247, 236) | Pattern Cream | — |
| #6457a6 | #6457a6 | RGB(100, 87, 166) | Journey Indigo | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Signal Coral | — |
| #a5a5a5 | #a5a5a5 | RGB(165, 165, 165) | Intent Grey | Rainy Grey |
| #fafafa | #fafafa | RGB(250, 250, 250) | Output White | Dr. White |
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 |
#c1fba4 | #fff7ec | 1.12 |
#c1fba4 | #ff847c | 1.99 |
#c1fba4 | #fafafa | 1.14 |
#fff7ec | #fafafa | 1.01 |
#ff847c | #a5a5a5 | 1.03 |
Tavolozza immagini User-Centric AI Design System png
Esporta tavolozza
Scarica la "User-Centric AI Design System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: