Creato a 03/10/2022 13:09
Design training app ui colors
- Bittersweet Shimmer#bc4c54
- Hot Pink#fb74b3
- Dark Jungle Green#0f1c24
- Twilight Lavender#904c6c
- Dark Vanilla#ccbca4
- Arsenic#3a3c50
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Hot Pink #fb74b3 e Dark Jungle Green #0f1c24. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #0F1C24 (più scuro) a #CCBCA4 (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 caldo.
Codici HEX (ordinati): #0F1C24, #3A3C50, #904C6C, #BC4C54, #CCBCA4, #FB74B3
La tavolozza Design training app ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #bc4c54, RGB: (188, 76, 84); ESADECIMALE: #fb74b3, RGB: (251, 116, 179); ESADECIMALE: #0f1c24, RGB: (15, 28, 36)
ESADECIMALE: #904c6c, RGB: (144, 76, 108); ESADECIMALE: #ccbca4, RGB: (204, 188, 164); ESADECIMALE: #3a3c50, RGB: (58, 60, 80)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Ombra di hotpink, Ombra di Nero, Ombra di mediumvioletred, Ombra di tan, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Design training app ui colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #bc4c54 | #bc4c54 | RGB(188, 76, 84) | Bittersweet Shimmer | — |
| #fb74b3 | #fb74b3 | RGB(251, 116, 179) | Hot Pink | — |
| #0f1c24 | #0f1c24 | RGB(15, 28, 36) | Dark Jungle Green | — |
| #904c6c | #904c6c | RGB(144, 76, 108) | Twilight Lavender | — |
| #ccbca4 | #ccbca4 | RGB(204, 188, 164) | Dark Vanilla | — |
| #3a3c50 | #3a3c50 | RGB(58, 60, 80) | Arsenic | — |
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 |
#bc4c54 | #fb74b3 | 1.91 |
#bc4c54 | #904c6c | 1.25 |
#fb74b3 | #ccbca4 | 1.36 |
#0f1c24 | #3a3c50 | 1.6 |
#904c6c | #3a3c50 | 1.76 |
Tavolozza immagini Design training app ui colors png
Esporta tavolozza
Scarica la "Design training app ui colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: