Genera tavolozza
  1. Tavolozze di colori
  2. UI Components: Buttons colors palette

UI Components: Buttons colors palette

  • #8a1b7a
  • #3daad6
  • #6baa41
  • #dea336
  • #d94e47
  • #969fb9
  0.87k

UI Components: Buttons colors palette ha 6 colori di molte tonalità diverse. Il colore più chiaro è Verga d'oro (#DEA336), il più scuro Viola (#8A1B7A). La coppia con il contrasto più alto è #8A1B7A su #DEA336 (3.7:1, WCAG AA per testo grande).

Creato il 10/01/2018 08:07
dicolorswall
La tavolozza è composta da Semi scuro, Chiaro colori. Colori d'accento #3daad6 e #dea336. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #8A1B7A (più scuro) a #DEA336 (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (4 su 6).

Codici HEX (ordinati): #3DAAD6, #6BAA41, #8A1B7A, #969FB9, #D94E47, #DEA336

La tavolozza UI Components: Buttons colors palette combina 6 codici colore:
HEX: #8a1b7a, RGB: (138, 27, 122); HEX: #3daad6, RGB: (61, 170, 214); HEX: #6baa41, RGB: (107, 170, 65)
HEX: #dea336, RGB: (222, 163, 54); HEX: #d94e47, RGB: (217, 78, 71); HEX: #969fb9, RGB: (150, 159, 185)
Versione semplificata della tavolozza dei colori
Tinta di Viola, Tinta di Azzurro cielo intenso, Tinta di Verde oliva opaco, Tinta di Verga d'oro, Sfumatura di Rosso indiano, Sfumatura di Blu acciaio chiaro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

UI Components: Buttons colors palette codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#8a1b7a#8a1b7aRGB(138, 27, 122)——
#3daad6#3daad6RGB(61, 170, 214)——
#6baa41#6baa41RGB(107, 170, 65)——
#dea336#dea336RGB(222, 163, 54)——
#d94e47#d94e47RGB(217, 78, 71)——
#969fb9#969fb9RGB(150, 159, 185)——

Contrasto della palette di colori

10 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testoColore di sfondoRapporto di contrasto
#3daad6
#6baa41
1.06
#3daad6
#dea336
1.18
#3daad6
#d94e47
1.54
#3daad6
#969fb9
1
#6baa41
#dea336
1.26
#6baa41
#d94e47
1.45

Tavolozza immagini UI Components: Buttons colors palette png

UI Components: Buttons colors palette: #8a1b7a, #3daad6, #6baa41, #dea336, #d94e47, #969fb9
 Scarica l'immagine