Creato a 02/08/2022 10:47
Design redesign ui website
- Bleu De France#2c94d4
- Medium Sky Blue#79e4e0
- Dark Cerulean#164c6e
- Steel Teal#5c7f94
- Pastel Blue#aec4d1
- Dark Slate Gray#335a59
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Medium Sky Blue #79e4e0 e Dark Cerulean #164c6e. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #164C6E (più scuro) a #AEC4D1 (più chiaro). L’intervallo di luminosità è moderato.
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): #164C6E, #2C94D4, #335A59, #5C7F94, #79E4E0, #AEC4D1
La tavolozza Design redesign ui website ha una combinazione di colori dei codici 6:
ESADECIMALE: #2c94d4, RGB: (44, 148, 212); ESADECIMALE: #79e4e0, RGB: (121, 228, 224); ESADECIMALE: #164c6e, RGB: (22, 76, 110)
ESADECIMALE: #5c7f94, RGB: (92, 127, 148); ESADECIMALE: #aec4d1, RGB: (174, 196, 209); ESADECIMALE: #335a59, RGB: (51, 90, 89)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di mediumturquoise, Tonalità di darkslateblue, Tonalità di slategrey, Tonalità di lightsteelblue, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Design redesign ui website codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2c94d4 | #2c94d4 | RGB(44, 148, 212) | Bleu De France | — |
| #79e4e0 | #79e4e0 | RGB(121, 228, 224) | Medium Sky Blue | — |
| #164c6e | #164c6e | RGB(22, 76, 110) | Dark Cerulean | — |
| #5c7f94 | #5c7f94 | RGB(92, 127, 148) | Steel Teal | — |
| #aec4d1 | #aec4d1 | RGB(174, 196, 209) | Pastel Blue | — |
| #335a59 | #335a59 | RGB(51, 90, 89) | Dark Slate Gray | — |
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 |
#2c94d4 | #5c7f94 | 1.27 |
#2c94d4 | #aec4d1 | 1.84 |
#79e4e0 | #aec4d1 | 1.2 |
#164c6e | #335a59 | 1.19 |
#5c7f94 | #335a59 | 1.79 |
Tavolozza immagini Design redesign ui website png
Esporta tavolozza
Scarica la "Design redesign ui website" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: