Loading...
Creato a 05/31/2022 11:13
Interface website ui builder
- Royal Purple#7a47b7
- Soap#d8c9ea
- Jacarta#3f255f
- Philippine Gray#8c8c8c
- Beige#c4c4bc
- Black Olive#404040
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Royal Purple #7a47b7 e Beige #c4c4bc. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #404040 (più scuro) a #D8C9EA (più chiaro). L’intervallo di luminosità è ampio.
La saturazione è in una fascia media.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #3F255F, #404040, #7A47B7, #8C8C8C, #C4C4BC, #D8C9EA
La tavolozza Interface website ui builder ha una combinazione di colori dei codici 6:
ESADECIMALE: #7a47b7, RGB: (122, 71, 183); ESADECIMALE: #d8c9ea, RGB: (216, 201, 234); ESADECIMALE: #3f255f, RGB: (63, 37, 95)
ESADECIMALE: #8c8c8c, RGB: (140, 140, 140); ESADECIMALE: #c4c4bc, RGB: (196, 196, 188); ESADECIMALE: #404040, RGB: (64, 64, 64)
Versione semplificata della tavolozza dei colori
Ombra di darkorchid, Ombra di thistle, Ombra di midnightblue, Ombra di Grigio, Ombra di Argento, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Interface website ui builder codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #7a47b7 | #7a47b7 | RGB(122, 71, 183) | Royal Purple | — |
| #d8c9ea | #d8c9ea | RGB(216, 201, 234) | Soap | — |
| #3f255f | #3f255f | RGB(63, 37, 95) | Jacarta | — |
| #8c8c8c | #8c8c8c | RGB(140, 140, 140) | Philippine Gray | Gray55 |
| #c4c4bc | #c4c4bc | RGB(196, 196, 188) | Beige | Mist Grey |
| #404040 | #404040 | RGB(64, 64, 64) | Black Olive | Gray25 |
Contrasto della palette di colori
5 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 |
#7a47b7 | #8c8c8c | 1.82 |
#7a47b7 | #404040 | 1.68 |
#d8c9ea | #c4c4bc | 1.12 |
#3f255f | #404040 | 1.23 |
#8c8c8c | #c4c4bc | 1.91 |
Tavolozza immagini Interface website ui builder png
Esporta tavolozza
Scarica la "Interface website ui builder" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: