Todo design task ui hex colors
- Black#141414
- Gainsboro#dcdcdc
- White#ffffff
- Anti-Flash White#f0f0f0
- Lavender Blush#fff0f0
- Philippine Silver#b4b4b4
Creato il 04/22/2023 20:04
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento White #ffffff e Lavender Blush #fff0f0. La tavolozza ha la temperatura del colore Neutro.
Per luminosità, la tavolozza va da #141414 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta per lo più smorzata (croma basso) — il 83% dei colori è smorzato.
Solo un colore ha una tonalità definita; gli altri sono neutri o grigi.
La maggior parte dei campioni risulta neutra in temperatura (6 su 6).
Codici HEX (ordinati): #141414, #B4B4B4, #DCDCDC, #F0F0F0, #FFF0F0, #FFFFFF
La tavolozza Todo design task ui hex colors combina 6 codici colore:
HEX: #141414, RGB: (20, 20, 20); HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #fff0f0, RGB: (255, 240, 240); HEX: #b4b4b4, RGB: (180, 180, 180)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Gainsboro, Bianco, Sfumatura di Fumo bianco, Sfumatura di Lavanda rosata, Tinta di Grigio scuro
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Todo design task ui hex colors codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Gainsboro | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #fff0f0 | #fff0f0 | RGB(255, 240, 240) | Lavender Blush | — |
| #b4b4b4 | #b4b4b4 | RGB(180, 180, 180) | Philippine Silver | — |
Contrasto della palette di colori
9 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 |
|---|---|---|
#dcdcdc | #ffffff | 1.37 |
#dcdcdc | #f0f0f0 | 1.2 |
#dcdcdc | #fff0f0 | 1.23 |
#dcdcdc | #b4b4b4 | 1.51 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #fff0f0 | 1.1 |
Tavolozza immagini Todo design task ui hex colors png
Esporta tavolozza
Scarica la "Todo design task ui hex colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: