Loading...
Creato a 02/05/2021 14:58
  0.24k

Ux website ui design palette

  • #65e4da
  • #b0d5dc
  • #137069
  • #849964
  • #a2cac8
  • #4c3c4c
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #137069 e #4c3c4c. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #137069 (più scuro) a #B0D5DC (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): #137069, #4C3C4C, #65E4DA, #849964, #A2CAC8, #B0D5DC

La tavolozza Ux website ui design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #65e4da, RGB: (101, 228, 218); ESADECIMALE: #b0d5dc, RGB: (176, 213, 220); ESADECIMALE: #137069, RGB: (19, 112, 105)
ESADECIMALE: #849964, RGB: (132, 153, 100); ESADECIMALE: #a2cac8, RGB: (162, 202, 200); ESADECIMALE: #4c3c4c, RGB: (76, 60, 76)
Versione semplificata della tavolozza dei colori
Ombra di turquoise, Tonalità di lightblue, Tonalità di Verde acqua, Ombra di olivedrab, Tonalità di powderblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux website ui design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#65e4da #65e4da RGB(101, 228, 218)
#b0d5dc #b0d5dc RGB(176, 213, 220)
#137069 #137069 RGB(19, 112, 105)
#849964 #849964 RGB(132, 153, 100)
#a2cac8 #a2cac8 RGB(162, 202, 200)
#4c3c4c #4c3c4c RGB(76, 60, 76)

Contrasto della palette di colori

7 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
#65e4da
#b0d5dc
1.01
#65e4da
#a2cac8
1.15
#b0d5dc
#849964
1.99
#b0d5dc
#a2cac8
1.13
#137069
#849964
1.89
#137069
#4c3c4c
1.72

Tavolozza immagini Ux website ui design palette png

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