Creato a 03/08/2023 15:52
Interface product web software
- Orange-Yellow#eeb223
- Bleu De France#3a97ef
- Bistre Brown#916c11
- Fern Green#5c844c
- Opal#9cc4bc
- Gray-Asparagus#3f583c
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Orange-Yellow #eeb223 e Bleu De France #3a97ef. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #3F583C (più scuro) a #9CC4BC (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #3A97EF, #3F583C, #5C844C, #916C11, #9CC4BC, #EEB223
La tavolozza Interface product web software ha una combinazione di colori dei codici 6:
ESADECIMALE: #eeb223, RGB: (238, 178, 35); ESADECIMALE: #3a97ef, RGB: (58, 151, 239); ESADECIMALE: #916c11, RGB: (145, 108, 17)
ESADECIMALE: #5c844c, RGB: (92, 132, 76); ESADECIMALE: #9cc4bc, RGB: (156, 196, 188); ESADECIMALE: #3f583c, RGB: (63, 88, 60)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di dodgerblue, Tonalità di darkgoldenrod, Ombra di seashell, Tonalità di powderblue, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Interface product web software codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #eeb223 | #eeb223 | RGB(238, 178, 35) | Orange-Yellow | — |
| #3a97ef | #3a97ef | RGB(58, 151, 239) | Bleu De France | — |
| #916c11 | #916c11 | RGB(145, 108, 17) | Bistre Brown | — |
| #5c844c | #5c844c | RGB(92, 132, 76) | Fern Green | — |
| #9cc4bc | #9cc4bc | RGB(156, 196, 188) | Opal | — |
| #3f583c | #3f583c | RGB(63, 88, 60) | Gray-Asparagus | — |
Contrasto della palette di colori
8 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 |
#eeb223 | #3a97ef | 1.6 |
#eeb223 | #9cc4bc | 1 |
#3a97ef | #916c11 | 1.57 |
#3a97ef | #5c844c | 1.41 |
#3a97ef | #9cc4bc | 1.61 |
#916c11 | #5c844c | 1.11 |
Tavolozza immagini Interface product web software png
Esporta tavolozza
Scarica la "Interface product web software" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: