Loading...
Creato a 02/02/2023 10:38
  0.11k

Ui web design ux user interface colours

  • Cyan-Blue Azure
    #4c94bc
  • Ruddy Pink
    #df8d95
  • Teal Blue
    #306e93
  • Middle Red Purple
    #a8544c
  • Pastel Blue
    #a6bfd1
  • Royal Brown
    #543c34
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Ruddy Pink #df8d95 e Teal Blue #306e93. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #543C34 (più scuro) a #A6BFD1 (più chiaro). L’intervallo di luminosità è moderato.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #306E93, #4C94BC, #543C34, #A6BFD1, #A8544C, #DF8D95

La tavolozza Ui web design ux user interface colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #4c94bc, RGB: (76, 148, 188); ESADECIMALE: #df8d95, RGB: (223, 141, 149); ESADECIMALE: #306e93, RGB: (48, 110, 147)
ESADECIMALE: #a8544c, RGB: (168, 84, 76); ESADECIMALE: #a6bfd1, RGB: (166, 191, 209); ESADECIMALE: #543c34, RGB: (84, 60, 52)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Ombra di lightcoral, Tonalità di steelblue, Tonalità di indianred, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Ui web design ux user interface colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#4c94bc #4c94bc RGB(76, 148, 188)Cyan-Blue Azure
#df8d95 #df8d95 RGB(223, 141, 149)Ruddy Pink
#306e93 #306e93 RGB(48, 110, 147)Teal Blue
#a8544c #a8544c RGB(168, 84, 76)Middle Red Purple
#a6bfd1 #a6bfd1 RGB(166, 191, 209)Pastel Blue
#543c34 #543c34 RGB(84, 60, 52)Royal Brown

Contrasto della palette di colori

8 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
#4c94bc
#df8d95
1.33
#4c94bc
#306e93
1.65
#4c94bc
#a8544c
1.55
#4c94bc
#a6bfd1
1.75
#df8d95
#a6bfd1
1.31
#306e93
#a8544c
1.06

Tavolozza immagini Ui web design ux user interface colours png

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