Creato a 07/11/2025 16:34
Voice Interface Design Kit
- Speech Bubble Cream#fff5e4
- Audio Input Blue#00b4d8
- Tone Pink#ffcad4
- Waveform Gray#ced4da
- UX Whisper White#fbfbfb
- Mic Icon Black#2b2d42
La tavolozza è composta da Leggero, Buio colori. Colori accentati Speech Bubble Cream #fff5e4 e Audio Input Blue #00b4d8. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #2B2D42 (più scuro) a #FBFBFB (più chiaro). L’intervallo di luminosità è ampio.
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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00B4D8, #2B2D42, #CED4DA, #FBFBFB, #FFCAD4, #FFF5E4
La tavolozza Voice Interface Design Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff5e4, RGB: (255, 245, 228); ESADECIMALE: #00b4d8, RGB: (0, 180, 216); ESADECIMALE: #ffcad4, RGB: (255, 202, 212)
ESADECIMALE: #ced4da, RGB: (206, 212, 218); ESADECIMALE: #fbfbfb, RGB: (251, 251, 251); ESADECIMALE: #2b2d42, RGB: (43, 45, 66)
Versione semplificata della tavolozza dei colori
Ombra di oldlace, Tonalità di deepskyblue, Ombra di Rosa, Tonalità di lightgrey, Tonalità di Bianco, Ombra di midnightblue
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Voice Interface Design Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff5e4 | #fff5e4 | RGB(255, 245, 228) | Speech Bubble Cream | Silky Tofu |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Audio Input Blue | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Tone Pink | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Waveform Gray | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | UX Whisper White | Whiteout |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Mic Icon Black | — |
Contrasto della palette di colori
8 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 |
#fff5e4 | #ffcad4 | 1.32 |
#fff5e4 | #ced4da | 1.38 |
#fff5e4 | #fbfbfb | 1.04 |
#00b4d8 | #ffcad4 | 1.71 |
#00b4d8 | #ced4da | 1.64 |
#ffcad4 | #ced4da | 1.04 |
Tavolozza immagini Voice Interface Design Kit png
Esporta tavolozza
Scarica la "Voice Interface Design Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: