Creato a 10/28/2022 21:41
Figma ui kit interface ux hex colors
- Ultramarine Blue#4c74f4
- Light Sky Blue#8ac9f8
- Space Cadet#1f2f53
- Silver Lake Blue#6392b2
- Medium Electric Blue#085690
- Old Burgundy#422434
La tavolozza è composta da Leggero, Buio colori. Colori accentati Medium Electric Blue #085690 e Old Burgundy #422434. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #422434 (più scuro) a #8AC9F8 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione è in una fascia media, con una media del 63% sulla palette.
Le tonalità sono distribuite su circa 124° della ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo (5 su 6).
Codici HEX (ordinati): #085690, #1F2F53, #422434, #4C74F4, #6392B2, #8AC9F8
La tavolozza Figma ui kit interface ux hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #4c74f4, RGB: (76, 116, 244); ESADECIMALE: #8ac9f8, RGB: (138, 201, 248); ESADECIMALE: #1f2f53, RGB: (31, 47, 83)
ESADECIMALE: #6392b2, RGB: (99, 146, 178); ESADECIMALE: #085690, RGB: (8, 86, 144); ESADECIMALE: #422434, RGB: (66, 36, 52)
Versione semplificata della tavolozza dei colori
Ombra di royalblue, Tonalità di lightskyblue, Ombra di midnightblue, Ombra di steelblue, Tonalità di royalblue, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Figma ui kit interface ux hex colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #4c74f4 | #4c74f4 | RGB(76, 116, 244) | Ultramarine Blue | — |
| #8ac9f8 | #8ac9f8 | RGB(138, 201, 248) | Light Sky Blue | — |
| #1f2f53 | #1f2f53 | RGB(31, 47, 83) | Space Cadet | — |
| #6392b2 | #6392b2 | RGB(99, 146, 178) | Silver Lake Blue | — |
| #085690 | #085690 | RGB(8, 86, 144) | Medium Electric Blue | — |
| #422434 | #422434 | RGB(66, 36, 52) | Old Burgundy | — |
Contrasto della palette di colori
6 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 |
|---|---|---|
#4c74f4 | #6392b2 | 1.22 |
#4c74f4 | #085690 | 1.86 |
#8ac9f8 | #6392b2 | 1.87 |
#1f2f53 | #085690 | 1.72 |
#1f2f53 | #422434 | 1.03 |
#085690 | #422434 | 1.78 |
Tavolozza immagini Figma ui kit interface ux hex colors png
Esporta tavolozza
Scarica la "Figma ui kit interface ux hex colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: