Creato a 07/05/2025 12:58
Voice Interaction Design Tokens
- Microphone Blue#3f88c5
- Tone Neutral Gray#9e9e9e
- Waveform Teal#00bfa6
- Dialog White#ffffff
- Intent Orange#ffa07a
La tavolozza è composta da Leggero colori. Colori accentati Waveform Teal #00bfa6 e Intent Orange #ffa07a. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #00BFA6 (più scuro) a #FFFFFF (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): #00BFA6, #3F88C5, #9E9E9E, #FFA07A, #FFFFFF
La tavolozza Voice Interaction Design Tokens ha una combinazione di colori dei codici 5:
ESADECIMALE: #3f88c5, RGB: (63, 136, 197); ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #00bfa6, RGB: (0, 191, 166)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #ffa07a, RGB: (255, 160, 122)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Tonalità di darkgrey, Tonalità di lightseagreen, Bianco
La combinazione di colori è stata creata da colourlock
Altre tavolozze con:
Codici colori nella tavolozza
Voice Interaction Design Tokens codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3f88c5 | #3f88c5 | RGB(63, 136, 197) | Microphone Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Tone Neutral Gray | Gray62 |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Waveform Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Dialog White | White |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | Intent Orange | Dwarven Flesh |
Contrasto della palette di colori
7 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 |
#3f88c5 | #9e9e9e | 1.41 |
#3f88c5 | #00bfa6 | 1.62 |
#3f88c5 | #ffa07a | 1.9 |
#9e9e9e | #00bfa6 | 1.14 |
#9e9e9e | #ffa07a | 1.34 |
#00bfa6 | #ffa07a | 1.17 |
Tavolozza immagini Voice Interaction Design Tokens png
Esporta tavolozza
Scarica la "Voice Interaction Design Tokens" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: