Creato a 06/09/2025 08:06
AI-Driven Product UI Shell
- Predict Lavender#bfa2db
- Analyze Slate#9ca3af
- Trigger Pink#ff90b3
- Train Snow#fdfdfd
- Deploy Grape#836fff
- Interface Jet#212121
La tavolozza è composta da Leggero, Buio colori. Colori accentati Analyze Slate #9ca3af e Trigger Pink #ff90b3. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #212121 (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #212121, #836FFF, #9CA3AF, #BFA2DB, #FDFDFD, #FF90B3
La tavolozza AI-Driven Product UI Shell ha una combinazione di colori dei codici 6:
ESADECIMALE: #bfa2db, RGB: (191, 162, 219); ESADECIMALE: #9ca3af, RGB: (156, 163, 175); ESADECIMALE: #ff90b3, RGB: (255, 144, 179)
ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #836fff, RGB: (131, 111, 255); ESADECIMALE: #212121, RGB: (33, 33, 33)
Versione semplificata della tavolozza dei colori
Tonalità di plum, Tonalità di darkgrey, Ombra di hotpink, Tonalità di Bianco, Ombra di mediumslateblue, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
AI-Driven Product UI Shell codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #bfa2db | #bfa2db | RGB(191, 162, 219) | Predict Lavender | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Analyze Slate | — |
| #ff90b3 | #ff90b3 | RGB(255, 144, 179) | Trigger Pink | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Train Snow | Brilliance |
| #836fff | #836fff | RGB(131, 111, 255) | Deploy Grape | Slateblue1 |
| #212121 | #212121 | RGB(33, 33, 33) | Interface Jet | Lead |
Contrasto della palette di colori
6 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 |
#bfa2db | #9ca3af | 1.13 |
#bfa2db | #ff90b3 | 1.05 |
#bfa2db | #836fff | 1.65 |
#9ca3af | #ff90b3 | 1.19 |
#9ca3af | #836fff | 1.45 |
#ff90b3 | #836fff | 1.74 |
Tavolozza immagini AI-Driven Product UI Shell png
Esporta tavolozza
Scarica la "AI-Driven Product UI Shell" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: