Ui8 animation ux ui
- Black#141414
- Azureish White#dcdcf0
- White#ffffff
- Columbia Blue#c8dcf0
- Azure#f0ffff
- Gainsboro#dcdcdc
Creato il 05/01/2023 10:00
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento White #ffffff e Azure #f0ffff. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #141414 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 2 vivaci su 6 colori.
Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 60°.
La maggior parte dei campioni risulta neutra in temperatura (5 su 6).
Codici HEX (ordinati): #141414, #C8DCF0, #DCDCDC, #DCDCF0, #F0FFFF, #FFFFFF
La tavolozza Ui8 animation ux ui combina 6 codici colore:
HEX: #141414, RGB: (20, 20, 20); HEX: #dcdcf0, RGB: (220, 220, 240); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #c8dcf0, RGB: (200, 220, 240); HEX: #f0ffff, RGB: (240, 255, 255); HEX: #dcdcdc, RGB: (220, 220, 220)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Sfumatura di Lavanda, Bianco, Tinta di Blu acciaio chiaro, Azzurro, Gainsboro
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Ui8 animation ux ui codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #dcdcf0 | #dcdcf0 | RGB(220, 220, 240) | Azureish White | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #c8dcf0 | #c8dcf0 | RGB(200, 220, 240) | Columbia Blue | — |
| #f0ffff | #f0ffff | RGB(240, 255, 255) | Azure | Vapor |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Gainsboro | — |
Contrasto della palette di colori
10 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 |
|---|---|---|
#dcdcf0 | #ffffff | 1.35 |
#dcdcf0 | #c8dcf0 | 1.03 |
#dcdcf0 | #f0ffff | 1.31 |
#dcdcf0 | #dcdcdc | 1.01 |
#ffffff | #c8dcf0 | 1.4 |
#ffffff | #f0ffff | 1.02 |
Tavolozza immagini Ui8 animation ux ui png
Esporta tavolozza
Scarica la "Ui8 animation ux ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: