Creato a 04/24/2023 18:03
Ui application design startup
- Black#141414
- Pale Blue#b4f0f0
- Anti-Flash White#f0f0f0
- Pale Cyan#8cdcf0
- White#ffffff
- Non-Photo Blue#a0dcf0
La tavolozza è composta da Buio, Leggero colori. Colori accentati Pale Cyan #8cdcf0 e White #ffffff. 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 — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #141414, #8CDCF0, #A0DCF0, #B4F0F0, #F0F0F0, #FFFFFF
La tavolozza Ui application design startup ha una combinazione di colori dei codici 6:
ESADECIMALE: #141414, RGB: (20, 20, 20); ESADECIMALE: #b4f0f0, RGB: (180, 240, 240); ESADECIMALE: #f0f0f0, RGB: (240, 240, 240)
ESADECIMALE: #8cdcf0, RGB: (140, 220, 240); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #a0dcf0, RGB: (160, 220, 240)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di paleturquoise, Tonalità di whitesmoke, Ombra di skyblue, Bianco, Tonalità di lightblue
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Ui application design startup codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #b4f0f0 | #b4f0f0 | RGB(180, 240, 240) | Pale Blue | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #8cdcf0 | #8cdcf0 | RGB(140, 220, 240) | Pale Cyan | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #a0dcf0 | #a0dcf0 | RGB(160, 220, 240) | Non-Photo Blue | — |
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 |
#b4f0f0 | #f0f0f0 | 1.1 |
#b4f0f0 | #8cdcf0 | 1.22 |
#b4f0f0 | #ffffff | 1.26 |
#b4f0f0 | #a0dcf0 | 1.19 |
#f0f0f0 | #8cdcf0 | 1.35 |
#f0f0f0 | #ffffff | 1.13 |
Tavolozza immagini Ui application design startup png
Esporta tavolozza
Scarica la "Ui application design startup" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: