Loading...
Creato a 01/03/2023 10:15
Interface ux web software palette
- Royal Blue#2f5be9
- Cornflower Blue#7490e8
- Indigo Dye#182c91
- Dark Blue-Gray#6776a3
- Silver Pink#c4b4a4
- Deep Koamaru#373d62
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Royal Blue #2f5be9 e Silver Pink #c4b4a4. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #373D62 (più scuro) a #C4B4A4 (più chiaro). L’intervallo di luminosità è moderato.
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): #182C91, #2F5BE9, #373D62, #6776A3, #7490E8, #C4B4A4
La tavolozza Interface ux web software palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #2f5be9, RGB: (47, 91, 233); ESADECIMALE: #7490e8, RGB: (116, 144, 232); ESADECIMALE: #182c91, RGB: (24, 44, 145)
ESADECIMALE: #6776a3, RGB: (103, 118, 163); ESADECIMALE: #c4b4a4, RGB: (196, 180, 164); ESADECIMALE: #373d62, RGB: (55, 61, 98)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di cornflowerblue, Ombra di midnightblue, Tonalità di slategrey, Tonalità di tan, Tonalità di darkslateblue
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Interface ux web software palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2f5be9 | #2f5be9 | RGB(47, 91, 233) | Royal Blue | — |
| #7490e8 | #7490e8 | RGB(116, 144, 232) | Cornflower Blue | — |
| #182c91 | #182c91 | RGB(24, 44, 145) | Indigo Dye | — |
| #6776a3 | #6776a3 | RGB(103, 118, 163) | Dark Blue-Gray | — |
| #c4b4a4 | #c4b4a4 | RGB(196, 180, 164) | Silver Pink | — |
| #373d62 | #373d62 | RGB(55, 61, 98) | Deep Koamaru | — |
Contrasto della palette di colori
6 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 |
#2f5be9 | #7490e8 | 1.81 |
#2f5be9 | #6776a3 | 1.23 |
#2f5be9 | #373d62 | 1.89 |
#7490e8 | #6776a3 | 1.46 |
#7490e8 | #c4b4a4 | 1.5 |
#182c91 | #373d62 | 1.1 |
Tavolozza immagini Interface ux web software palette png
Esporta tavolozza
Scarica la "Interface ux web software palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: