Creato a 02/19/2022 12:11
Ui web banner
- Button Blue#299df1
- Jordy Blue#93bdf1
- Brown Chocolate#602830
- Russian Green#749c64
- Opal#aac7be
- Charleston Green#202e35
La tavolozza è composta da Leggero, Buio colori. Colori accentati Button Blue #299df1 e Brown Chocolate #602830. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #202E35 (più scuro) a #93BDF1 (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 freddo.
Codici HEX (ordinati): #202E35, #299DF1, #602830, #749C64, #93BDF1, #AAC7BE
La tavolozza Ui web banner ha una combinazione di colori dei codici 6:
ESADECIMALE: #299df1, RGB: (41, 157, 241); ESADECIMALE: #93bdf1, RGB: (147, 189, 241); ESADECIMALE: #602830, RGB: (96, 40, 48)
ESADECIMALE: #749c64, RGB: (116, 156, 100); ESADECIMALE: #aac7be, RGB: (170, 199, 190); ESADECIMALE: #202e35, RGB: (32, 46, 53)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di lightsteelblue, Ombra di Marrone, Tonalità di darkseagreen, Tonalità di powderblue, Ombra di indigo
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ui web banner codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #299df1 | #299df1 | RGB(41, 157, 241) | Button Blue | — |
| #93bdf1 | #93bdf1 | RGB(147, 189, 241) | Jordy Blue | — |
| #602830 | #602830 | RGB(96, 40, 48) | Brown Chocolate | — |
| #749c64 | #749c64 | RGB(116, 156, 100) | Russian Green | — |
| #aac7be | #aac7be | RGB(170, 199, 190) | Opal | — |
| #202e35 | #202e35 | RGB(32, 46, 53) | Charleston Green | — |
Contrasto della palette di colori
7 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 |
#299df1 | #93bdf1 | 1.5 |
#299df1 | #749c64 | 1.07 |
#299df1 | #aac7be | 1.61 |
#93bdf1 | #749c64 | 1.61 |
#93bdf1 | #aac7be | 1.07 |
#602830 | #202e35 | 1.22 |
Tavolozza immagini Ui web banner png
Esporta tavolozza
Scarica la "Ui web banner" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: