Loading...
Creato a 01/29/2021 11:28
  0.23k

Figma ui ux uidesign website colours

  • #46c1b1
  • #8cc0e2
  • #1c5b73
  • #678ca3
  • #b0c5d3
  • #5c3c6c
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #8cc0e2 e #1c5b73. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #1C5B73 (più scuro) a #B0C5D3 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1C5B73, #46C1B1, #5C3C6C, #678CA3, #8CC0E2, #B0C5D3

La tavolozza Figma ui ux uidesign website colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #46c1b1, RGB: (70, 193, 177); ESADECIMALE: #8cc0e2, RGB: (140, 192, 226); ESADECIMALE: #1c5b73, RGB: (28, 91, 115)
ESADECIMALE: #678ca3, RGB: (103, 140, 163); ESADECIMALE: #b0c5d3, RGB: (176, 197, 211); ESADECIMALE: #5c3c6c, RGB: (92, 60, 108)
Versione semplificata della tavolozza dei colori
Ombra di lightseagreen, Tonalità di lightskyblue, Ombra di darkslategrey, Tonalità di lightslategrey, Tonalità di lightsteelblue, Ombra di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Figma ui ux uidesign website colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#46c1b1 #46c1b1 RGB(70, 193, 177)
#8cc0e2 #8cc0e2 RGB(140, 192, 226)
#1c5b73 #1c5b73 RGB(28, 91, 115)
#678ca3 #678ca3 RGB(103, 140, 163)
#b0c5d3 #b0c5d3 RGB(176, 197, 211)
#5c3c6c #5c3c6c RGB(92, 60, 108)

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
#46c1b1
#8cc0e2
1.12
#46c1b1
#678ca3
1.62
#46c1b1
#b0c5d3
1.23
#8cc0e2
#678ca3
1.83
#8cc0e2
#b0c5d3
1.09
#1c5b73
#5c3c6c
1.2

Tavolozza immagini Figma ui ux uidesign website colours png

Loading...
Loading...
Loading...