Creato a 01/26/2023 15:38
Concept interface ux ui colors
- Cerulean Frost#6d98ba
- Bright Gray#e4f2f6
- Vampire Black#04040c
- Blue Yonder#557b9a
- Light Periwinkle#bdd0dc
- Charcoal#2f4150
La tavolozza è composta da Leggero, Buio colori. Colori accentati Bright Gray #e4f2f6 e Vampire Black #04040c. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #04040C (più scuro) a #E4F2F6 (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): #04040C, #2F4150, #557B9A, #6D98BA, #BDD0DC, #E4F2F6
La tavolozza Concept interface ux ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #6d98ba, RGB: (109, 152, 186); ESADECIMALE: #e4f2f6, RGB: (228, 242, 246); ESADECIMALE: #04040c, RGB: (4, 4, 12)
ESADECIMALE: #557b9a, RGB: (85, 123, 154); ESADECIMALE: #bdd0dc, RGB: (189, 208, 220); ESADECIMALE: #2f4150, RGB: (47, 65, 80)
Versione semplificata della tavolozza dei colori
Tonalità di cornflowerblue, Tonalità di azure, Ombra di Nero, Tonalità di steelblue, Ombra di lightsteelblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Concept interface ux ui colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #6d98ba | #6d98ba | RGB(109, 152, 186) | Cerulean Frost | — |
| #e4f2f6 | #e4f2f6 | RGB(228, 242, 246) | Bright Gray | — |
| #04040c | #04040c | RGB(4, 4, 12) | Vampire Black | — |
| #557b9a | #557b9a | RGB(85, 123, 154) | Blue Yonder | — |
| #bdd0dc | #bdd0dc | RGB(189, 208, 220) | Light Periwinkle | — |
| #2f4150 | #2f4150 | RGB(47, 65, 80) | Charcoal | — |
Contrasto della palette di colori
4 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 |
#6d98ba | #557b9a | 1.46 |
#6d98ba | #bdd0dc | 1.92 |
#e4f2f6 | #bdd0dc | 1.38 |
#04040c | #2f4150 | 1.93 |
Tavolozza immagini Concept interface ux ui colors png
Esporta tavolozza
Scarica la "Concept interface ux ui colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: