Creato a 06/20/2025 07:50
UI/UX Research Toolkit Design
- Test Sky#93c8d0
- Flow Eggshell#f9f9f3
- Highlight Amber#ffc75f
- Map Steel#778ca3
- Persona Dust#ddd5c4
- Feedback Black#1c1d1f
La tavolozza è composta da Leggero, Buio colori. Colori accentati Test Sky #93c8d0 e Highlight Amber #ffc75f. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1C1D1F (più scuro) a #F9F9F3 (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): #1C1D1F, #778CA3, #93C8D0, #DDD5C4, #F9F9F3, #FFC75F
La tavolozza UI/UX Research Toolkit Design ha una combinazione di colori dei codici 6:
ESADECIMALE: #93c8d0, RGB: (147, 200, 208); ESADECIMALE: #f9f9f3, RGB: (249, 249, 243); ESADECIMALE: #ffc75f, RGB: (255, 199, 95)
ESADECIMALE: #778ca3, RGB: (119, 140, 163); ESADECIMALE: #ddd5c4, RGB: (221, 213, 196); ESADECIMALE: #1c1d1f, RGB: (28, 29, 31)
Versione semplificata della tavolozza dei colori
Tonalità di lightblue, Tonalità di floralwhite, Ombra di goldenrod, Ombra di lightslategrey, Tonalità di antiquewhite, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
UI/UX Research Toolkit Design codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #93c8d0 | #93c8d0 | RGB(147, 200, 208) | Test Sky | — |
| #f9f9f3 | #f9f9f3 | RGB(249, 249, 243) | Flow Eggshell | — |
| #ffc75f | #ffc75f | RGB(255, 199, 95) | Highlight Amber | — |
| #778ca3 | #778ca3 | RGB(119, 140, 163) | Map Steel | — |
| #ddd5c4 | #ddd5c4 | RGB(221, 213, 196) | Persona Dust | — |
| #1c1d1f | #1c1d1f | RGB(28, 29, 31) | Feedback Black | — |
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 |
#93c8d0 | #f9f9f3 | 1.74 |
#93c8d0 | #ffc75f | 1.19 |
#93c8d0 | #778ca3 | 1.88 |
#93c8d0 | #ddd5c4 | 1.26 |
#f9f9f3 | #ffc75f | 1.46 |
#f9f9f3 | #ddd5c4 | 1.38 |
Tavolozza immagini UI/UX Research Toolkit Design png
Esporta tavolozza
Scarica la "UI/UX Research Toolkit Design" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: