Creato a 03/04/2026 10:17
AI UX Interaction
- Interaction Indigo#4b0082
- Hover Hot Pink#ff1493
- Click Cyan#00ffff
- Tooltip Tangerine#ff8c00
- Modal Mint#3eb489
- Scrollbar Silver#c0c0c0
- Focus Forest Green#228b22
La tavolozza è composta da Buio, Leggero colori. Colori accentati Click Cyan #00ffff e Tooltip Tangerine #ff8c00. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #4B0082 (più scuro) a #C0C0C0 (più chiaro). L’intervallo di luminosità è moderato.
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): #00FFFF, #228B22, #3EB489, #4B0082, #C0C0C0, #FF1493, #FF8C00
La tavolozza AI UX Interaction ha una combinazione di colori dei codici 7:
ESADECIMALE: #4b0082, RGB: (75, 0, 130); ESADECIMALE: #ff1493, RGB: (255, 20, 147); ESADECIMALE: #00ffff, RGB: (0, 255, 255)
ESADECIMALE: #ff8c00, RGB: (255, 140, 0); ESADECIMALE: #3eb489, RGB: (62, 180, 137); ESADECIMALE: #c0c0c0, RGB: (192, 192, 192)
ESADECIMALE: #228b22, RGB: (34, 139, 34)
Versione semplificata della tavolozza dei colori
Ombra di mediumseagreen, Argento
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
AI UX Interaction codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Interaction Indigo | Indigo |
| #ff1493 | #ff1493 | RGB(255, 20, 147) | Hover Hot Pink | Secret Story |
| #00ffff | #00ffff | RGB(0, 255, 255) | Click Cyan | Aqua |
| #ff8c00 | #ff8c00 | RGB(255, 140, 0) | Tooltip Tangerine | Sun Crete |
| #3eb489 | #3eb489 | RGB(62, 180, 137) | Modal Mint | Mint |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Scrollbar Silver | Silver |
| #228b22 | #228b22 | RGB(34, 139, 34) | Focus Forest Green | Summer Forest Green |
Contrasto della palette di colori
11 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 |
#ff1493 | #ff8c00 | 1.55 |
#ff1493 | #3eb489 | 1.4 |
#ff1493 | #c0c0c0 | 1.99 |
#ff1493 | #228b22 | 1.2 |
#00ffff | #ff8c00 | 1.86 |
#00ffff | #c0c0c0 | 1.45 |
Tavolozza immagini AI UX Interaction png
Esporta tavolozza
Scarica la "AI UX Interaction" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: