Creato a 03/09/2022 10:41
  0.13k

Uidesign ui uicomponent uiux colors

  • Dark Terra Cotta
    #db4c5c
  • Princess Perfume
    #fb8ecc
  • Russet
    #7d4918
  • Purpureus
    #9c5da3
  • Dark Vanilla
    #d0bcac
  • English Violet
    #563b65
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Princess Perfume #fb8ecc e Russet #7d4918. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #7D4918 (più scuro) a #FB8ECC (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).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #563B65, #7D4918, #9C5DA3, #D0BCAC, #DB4C5C, #FB8ECC

La tavolozza Uidesign ui uicomponent uiux colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #db4c5c, RGB: (219, 76, 92); ESADECIMALE: #fb8ecc, RGB: (251, 142, 204); ESADECIMALE: #7d4918, RGB: (125, 73, 24)
ESADECIMALE: #9c5da3, RGB: (156, 93, 163); ESADECIMALE: #d0bcac, RGB: (208, 188, 172); ESADECIMALE: #563b65, RGB: (86, 59, 101)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Ombra di hotpink, Tonalità di saddlebrown, Tonalità di mediumorchid, Ombra di tan, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Uidesign ui uicomponent uiux colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#db4c5c #db4c5c RGB(219, 76, 92)Dark Terra Cotta
#fb8ecc #fb8ecc RGB(251, 142, 204)Princess Perfume
#7d4918 #7d4918 RGB(125, 73, 24)Russet
#9c5da3 #9c5da3 RGB(156, 93, 163)Purpureus
#d0bcac #d0bcac RGB(208, 188, 172)Dark Vanilla
#563b65 #563b65 RGB(86, 59, 101)English Violet

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
#db4c5c
#fb8ecc
1.89
#db4c5c
#7d4918
1.83
#db4c5c
#9c5da3
1.15
#fb8ecc
#d0bcac
1.16
#7d4918
#9c5da3
1.58
#7d4918
#563b65
1.28

Tavolozza immagini Uidesign ui uicomponent uiux colors png