Creato a 07/06/2022 15:27
Ux webdesign uxui web
- Tiffany Blue#17d3b0
- Peach-Orange#fbc59d
- Vampire Black#040c0c
- Philippine Gray#848c8c
- Thistle#d9c0d9
- Yankees Blue#242c3c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Tiffany Blue #17d3b0 e Peach-Orange #fbc59d. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #040C0C (più scuro) a #D9C0D9 (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): #040C0C, #17D3B0, #242C3C, #848C8C, #D9C0D9, #FBC59D
La tavolozza Ux webdesign uxui web ha una combinazione di colori dei codici 6:
ESADECIMALE: #17d3b0, RGB: (23, 211, 176); ESADECIMALE: #fbc59d, RGB: (251, 197, 157); ESADECIMALE: #040c0c, RGB: (4, 12, 12)
ESADECIMALE: #848c8c, RGB: (132, 140, 140); ESADECIMALE: #d9c0d9, RGB: (217, 192, 217); ESADECIMALE: #242c3c, RGB: (36, 44, 60)
Versione semplificata della tavolozza dei colori
Tonalità di mediumaquamarine, Tonalità di peachpuff, Ombra di Nero, Ombra di Grigio, Ombra di thistle, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ux webdesign uxui web codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #17d3b0 | #17d3b0 | RGB(23, 211, 176) | Tiffany Blue | — |
| #fbc59d | #fbc59d | RGB(251, 197, 157) | Peach-Orange | — |
| #040c0c | #040c0c | RGB(4, 12, 12) | Vampire Black | — |
| #848c8c | #848c8c | RGB(132, 140, 140) | Philippine Gray | — |
| #d9c0d9 | #d9c0d9 | RGB(217, 192, 217) | Thistle | — |
| #242c3c | #242c3c | RGB(36, 44, 60) | Yankees Blue | — |
Contrasto della palette di colori
5 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 |
#17d3b0 | #fbc59d | 1.23 |
#17d3b0 | #848c8c | 1.79 |
#17d3b0 | #d9c0d9 | 1.13 |
#fbc59d | #d9c0d9 | 1.08 |
#040c0c | #242c3c | 1.41 |
Tavolozza immagini Ux webdesign uxui web png
Esporta tavolozza
Scarica la "Ux webdesign uxui web" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: