Creato a 01/16/2024 08:54
  0.11k

Material Design Color Palette (16)

deep-orange lighten-5
#fbe9e7
deep-orange lighten-4
#ffccbc
deep-orange lighten-3
#ffab91
deep-orange lighten-2
#ff8a65
deep-orange lighten-1
#ff7043
deep-orange
#ff5722
deep-orange darken-1
#f4511e
deep-orange darken-2
#e64a19
deep-orange darken-3
#d84315
deep-orange darken-4
#bf360c
deep-orange accent-1
#ff9e80
deep-orange accent-2
#ff6e40
deep-orange accent-3
#ff3d00
deep-orange accent-4
#dd2c00
Registrazione per salvare la tavolozza nella raccolta
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati deep-orange lighten-4 #ffccbc e deep-orange lighten-3 #ffab91. La tavolozza ha la temperatura del colore Neutro, Caldo.
La tavolozza Material Design Color Palette (16) ha una combinazione di colori dei codici 14:
ESADECIMALE: #fbe9e7, RGB: (251, 233, 231); ESADECIMALE: #ffccbc, RGB: (255, 204, 188); ESADECIMALE: #ffab91, RGB: (255, 171, 145)
ESADECIMALE: #ff8a65, RGB: (255, 138, 101); ESADECIMALE: #ff7043, RGB: (255, 112, 67); ESADECIMALE: #ff5722, RGB: (255, 87, 34)
ESADECIMALE: #f4511e, RGB: (244, 81, 30); ESADECIMALE: #e64a19, RGB: (230, 74, 25); ESADECIMALE: #d84315, RGB: (216, 67, 21)
ESADECIMALE: #bf360c, RGB: (191, 54, 12); ESADECIMALE: #ff9e80, RGB: (255, 158, 128); ESADECIMALE: #ff6e40, RGB: (255, 110, 64)
ESADECIMALE: #ff3d00, RGB: (255, 61, 0); ESADECIMALE: #dd2c00, RGB: (221, 44, 0)
Versione semplificata della tavolozza dei colori
Ombra di mistyrose, Tonalità di mistyrose, Ombra di lightsalmon, Ombra di coral, Tonalità di coral, Ombra di orangered, Ombra di orangered, Tonalità di orangered, Ombra di Rosso, Ombra di firebrick, Tonalità di lightsalmon, Tonalità di coral, Tonalità di orangered, Ombra di Rosso
La combinazione di colori è stata creata da MyPalettes

Codici colori nella tavolozza

Material Design Color Palette (16) codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#fbe9e7 RGB(251, 233, 231)deep-orange lighten-5
#ffccbc RGB(255, 204, 188)deep-orange lighten-4
#ffab91 RGB(255, 171, 145)deep-orange lighten-3
#ff8a65 RGB(255, 138, 101)deep-orange lighten-2
#ff7043 RGB(255, 112, 67)deep-orange lighten-1
#ff5722 RGB(255, 87, 34)deep-orange
#f4511e RGB(244, 81, 30)deep-orange darken-1
#e64a19 RGB(230, 74, 25)deep-orange darken-2
#d84315 RGB(216, 67, 21)deep-orange darken-3
#bf360c RGB(191, 54, 12)deep-orange darken-4
#ff9e80 RGB(255, 158, 128)deep-orange accent-1
#ff6e40 RGB(255, 110, 64)deep-orange accent-2
#ff3d00 RGB(255, 61, 0)deep-orange accent-3
#dd2c00 RGB(221, 44, 0)deep-orange accent-4

Contrasto della palette di colori

64 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
#fbe9e7
#ffccbc
1.22
#fbe9e7
#ffab91
1.55
#fbe9e7
#ff8a65
1.97
#fbe9e7
#ff9e80
1.71
#ffccbc
#ffab91
1.27
#ffccbc
#ff8a65
1.61

Tavolozza immagini Material Design Color Palette (16) png

Colori della tavolozza: Come usare?

Fare clic su qualsiasi colore da aggiungere Tavolozza
Tavolozza veloce
Massimo 10 tavolozze Confrontare
Come usare?
Fare clic sull'icona «Confronta». per aggiungere la tavolozza Confronta le tavolozze elenco
Confronta tavolozze