Creato a 06/16/2022 12:55
Ui figma colours
- Pacific Blue#1b9ecc
- Dark Sky Blue#93c3d2
- Green (Pigment)#19b456
- Polished Pine#639f8a
- Pastel Blue#a8d4cf
- Japanese Indigo#2c4444
La tavolozza è composta da Leggero colori. Colori accentati Pacific Blue #1b9ecc e Green (Pigment) #19b456. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #2C4444 (più scuro) a #A8D4CF (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): #19B456, #1B9ECC, #2C4444, #639F8A, #93C3D2, #A8D4CF
La tavolozza Ui figma colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #1b9ecc, RGB: (27, 158, 204); ESADECIMALE: #93c3d2, RGB: (147, 195, 210); ESADECIMALE: #19b456, RGB: (25, 180, 86)
ESADECIMALE: #639f8a, RGB: (99, 159, 138); ESADECIMALE: #a8d4cf, RGB: (168, 212, 207); ESADECIMALE: #2c4444, RGB: (44, 68, 68)
Versione semplificata della tavolozza dei colori
Tonalità di deepskyblue, Tonalità di skyblue, Tonalità di mediumseagreen, Tonalità di cadetblue, Tonalità di powderblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Ui figma colours codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1b9ecc | #1b9ecc | RGB(27, 158, 204) | Pacific Blue | — |
| #93c3d2 | #93c3d2 | RGB(147, 195, 210) | Dark Sky Blue | — |
| #19b456 | #19b456 | RGB(25, 180, 86) | Green (Pigment) | — |
| #639f8a | #639f8a | RGB(99, 159, 138) | Polished Pine | — |
| #a8d4cf | #a8d4cf | RGB(168, 212, 207) | Pastel Blue | — |
| #2c4444 | #2c4444 | RGB(44, 68, 68) | Japanese Indigo | — |
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 |
#1b9ecc | #93c3d2 | 1.61 |
#1b9ecc | #19b456 | 1.13 |
#1b9ecc | #639f8a | 1 |
#1b9ecc | #a8d4cf | 1.9 |
#93c3d2 | #19b456 | 1.42 |
#93c3d2 | #639f8a | 1.6 |
Tavolozza immagini Ui figma colours png
Esporta tavolozza
Scarica la "Ui figma colours" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: