Creato a 04/17/2023 08:30
Figma uiux uidesign sidebar
- Black#141414
- Water#c8f0f0
- White#ffffff
- Anti-Flash White#f0f0f0
- Azureish White#dcf0f0
- Magnolia#fff0ff
La tavolozza è composta da Buio, Leggero colori. Colori accentati Water #c8f0f0 e Magnolia #fff0ff. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #141414 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 2 vivaci su 6 colori.
Le tonalità sono distribuite su circa 120° della ruota: tavolozza varia (euristica).
La maggior parte dei campioni risulta neutra in temperatura (5 su 6).
Codici HEX (ordinati): #141414, #C8F0F0, #DCF0F0, #F0F0F0, #FFF0FF, #FFFFFF
La tavolozza Figma uiux uidesign sidebar ha una combinazione di colori dei codici 6:
ESADECIMALE: #141414, RGB: (20, 20, 20); ESADECIMALE: #c8f0f0, RGB: (200, 240, 240); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #f0f0f0, RGB: (240, 240, 240); ESADECIMALE: #dcf0f0, RGB: (220, 240, 240); ESADECIMALE: #fff0ff, RGB: (255, 240, 255)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di lightcyan, Bianco, Tonalità di whitesmoke, Tonalità di lightcyan, Ombra di lavenderblush
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Figma uiux uidesign sidebar codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #c8f0f0 | #c8f0f0 | RGB(200, 240, 240) | Water | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #dcf0f0 | #dcf0f0 | RGB(220, 240, 240) | Azureish White | — |
| #fff0ff | #fff0ff | RGB(255, 240, 255) | Magnolia | — |
Contrasto della palette di colori
10 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 |
|---|---|---|
#c8f0f0 | #ffffff | 1.22 |
#c8f0f0 | #f0f0f0 | 1.07 |
#c8f0f0 | #dcf0f0 | 1.03 |
#c8f0f0 | #fff0ff | 1.11 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #dcf0f0 | 1.18 |
Tavolozza immagini Figma uiux uidesign sidebar png
Esporta tavolozza
Scarica la "Figma uiux uidesign sidebar" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: