Creato a 03/15/2022 11:47
Ui figma landingpagedesign landingpageinterface
- Lapis Lazuli#1a659e
- Cerulean Frost#699ac0
- Blue Sapphire#115868
- Rackley#63809c
- Jet Stream#bdced4
- Myrtle Green#346b73
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Lapis Lazuli #1a659e e Blue Sapphire #115868. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #115868 (più scuro) a #BDCED4 (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): #115868, #1A659E, #346B73, #63809C, #699AC0, #BDCED4
La tavolozza Ui figma landingpagedesign landingpageinterface ha una combinazione di colori dei codici 6:
ESADECIMALE: #1a659e, RGB: (26, 101, 158); ESADECIMALE: #699ac0, RGB: (105, 154, 192); ESADECIMALE: #115868, RGB: (17, 88, 104)
ESADECIMALE: #63809c, RGB: (99, 128, 156); ESADECIMALE: #bdced4, RGB: (189, 206, 212); ESADECIMALE: #346b73, RGB: (52, 107, 115)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di cornflowerblue, Tonalità di darkslategrey, Tonalità di slategrey, Tonalità di lightblue, Ombra di Verde acqua
La combinazione di colori è stata creata da colorswall
Altre tavolozze con:
Codici colori nella tavolozza
Ui figma landingpagedesign landingpageinterface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1a659e | #1a659e | RGB(26, 101, 158) | Lapis Lazuli | — |
| #699ac0 | #699ac0 | RGB(105, 154, 192) | Cerulean Frost | — |
| #115868 | #115868 | RGB(17, 88, 104) | Blue Sapphire | — |
| #63809c | #63809c | RGB(99, 128, 156) | Rackley | — |
| #bdced4 | #bdced4 | RGB(189, 206, 212) | Jet Stream | — |
| #346b73 | #346b73 | RGB(52, 107, 115) | Myrtle Green | — |
Contrasto della palette di colori
9 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 |
#1a659e | #115868 | 1.29 |
#1a659e | #63809c | 1.49 |
#1a659e | #346b73 | 1.02 |
#699ac0 | #63809c | 1.36 |
#699ac0 | #bdced4 | 1.85 |
#699ac0 | #346b73 | 1.99 |
Tavolozza immagini Ui figma landingpagedesign landingpageinterface png
Esporta tavolozza
Scarica la "Ui figma landingpagedesign landingpageinterface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: