Genera tavolozza
  1. Tavolozze di colori
  2. Ui design interface web palette

Ui design interface web palette

  • #4acd5d
  • #fbf96d
  • #1c6727
  • #afa250
  • #a1b3a4
  • #746e42
  0.17k

Ui design interface web palette ha 6 colori, tonalità prevalente: giallo e verde. Il colore più chiaro è Giallo (#FBF96D), il più scuro Verde scuro (#1C6727). La coppia con il contrasto più alto è #1C6727 su #FBF96D (6.2:1, WCAG AA).

Creato il 03/28/2020 20:12
dicolorswall
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento #fbf96d e #1c6727. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

Le tonalità restano in una zona della ruota dei colori e coprono circa 77°.

Complessivamente la temperatura tende al caldo (3 su 6).

Codici HEX (ordinati): #1C6727, #4ACD5D, #746E42, #A1B3A4, #AFA250, #FBF96D

La tavolozza Ui design interface web palette combina 6 codici colore:
HEX: #4acd5d, RGB: (74, 205, 93); HEX: #fbf96d, RGB: (251, 249, 109); HEX: #1c6727, RGB: (28, 103, 39)
HEX: #afa250, RGB: (175, 162, 80); HEX: #a1b3a4, RGB: (161, 179, 164); HEX: #746e42, RGB: (116, 110, 66)
Versione semplificata della tavolozza dei colori
Tinta di Verde limone, Tinta di Giallo, Tinta di Verde scuro, Sfumatura di Cachi scuro, Tinta di Verde mare scuro, Tinta di Verde oliva scuro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui design interface web palette codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#4acd5d#4acd5dRGB(74, 205, 93)——
#fbf96d#fbf96dRGB(251, 249, 109)——
#1c6727#1c6727RGB(28, 103, 39)——
#afa250#afa250RGB(175, 162, 80)——
#a1b3a4#a1b3a4RGB(161, 179, 164)——
#746e42#746e42RGB(116, 110, 66)——

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 testoColore di sfondoRapporto di contrasto
#4acd5d
#fbf96d
1.85
#4acd5d
#afa250
1.25
#4acd5d
#a1b3a4
1.07
#fbf96d
#a1b3a4
1.98
#1c6727
#746e42
1.34
#afa250
#a1b3a4
1.17

Tavolozza immagini Ui design interface web palette png

Ui design interface web palette: #4acd5d, #fbf96d, #1c6727, #afa250, #a1b3a4, #746e42
 Scarica l'immagine