Creato a 01/05/2026 12:11
Human-Robot Interaction Design System
- Interaction Blue#163a5f
- Gesture Cyan#38d9c8
- Feedback Yellow#ffe066
- Emotion Rose#f28482
- Surface Linen#f7f3ee
- Anchor Charcoal#242933
La tavolozza è composta da Leggero, Buio colori. Colori accentati Gesture Cyan #38d9c8 e Feedback Yellow #ffe066. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #242933 (più scuro) a #F7F3EE (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): #163A5F, #242933, #38D9C8, #F28482, #F7F3EE, #FFE066
La tavolozza Human-Robot Interaction Design System ha una combinazione di colori dei codici 6:
ESADECIMALE: #163a5f, RGB: (22, 58, 95); ESADECIMALE: #38d9c8, RGB: (56, 217, 200); ESADECIMALE: #ffe066, RGB: (255, 224, 102)
ESADECIMALE: #f28482, RGB: (242, 132, 130); ESADECIMALE: #f7f3ee, RGB: (247, 243, 238); ESADECIMALE: #242933, RGB: (36, 41, 51)
Versione semplificata della tavolozza dei colori
Tonalità di darkslateblue, Tonalità di turquoise, Ombra di gold, Ombra di lightcoral, Tonalità di floralwhite, Ombra di Nero
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Human-Robot Interaction Design System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #163a5f | #163a5f | RGB(22, 58, 95) | Interaction Blue | — |
| #38d9c8 | #38d9c8 | RGB(56, 217, 200) | Gesture Cyan | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Feedback Yellow | — |
| #f28482 | #f28482 | RGB(242, 132, 130) | Emotion Rose | — |
| #f7f3ee | #f7f3ee | RGB(247, 243, 238) | Surface Linen | — |
| #242933 | #242933 | RGB(36, 41, 51) | Anchor Charcoal | — |
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 |
#163a5f | #242933 | 1.25 |
#38d9c8 | #ffe066 | 1.35 |
#38d9c8 | #f28482 | 1.42 |
#38d9c8 | #f7f3ee | 1.59 |
#ffe066 | #f28482 | 1.91 |
#ffe066 | #f7f3ee | 1.18 |
Tavolozza immagini Human-Robot Interaction Design System png
Esporta tavolozza
Scarica la "Human-Robot Interaction Design System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: