Creado en 03/07/2018 16:43
pormz
  8.69k

Material Design color palette

Red
#f44336
Pink
#e81e63
Purple
#9c27b0
Deep Purple
#673ab7
Indigo
#3f51b5
Blue
#2196f3
Light Blue
#03a9f4
Cyan
#00bcd4
Teal
#009688
Green
#4caf50
Light Green
#8bc34a
Lime
#cddc39
Yellow
#ffeb3b
Amber
#ffc107
Orange
#ff9800
Deep Orange
#ff5722
Brown
#795548
Gray
#9e9e9e
Blue Gray
#607d8b
La paleta consta de Luz, semioscuro colores. Colores de acento Cyan #00bcd4 y Yellow #ffeb3b. La paleta tiene temperatura de color Cálido, Frío, Neutral.
La paleta Material Design color palette tiene una combinación de colores de códigos de 19:
HEX: #f44336, RGB: (244, 67, 54); HEX: #e81e63, RGB: (232, 30, 99); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #673ab7, RGB: (103, 58, 183); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #03a9f4, RGB: (3, 169, 244); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #009688, RGB: (0, 150, 136)
HEX: #4caf50, RGB: (76, 175, 80); HEX: #8bc34a, RGB: (139, 195, 74); HEX: #cddc39, RGB: (205, 220, 57)
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #ffc107, RGB: (255, 193, 7); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #ff5722, RGB: (255, 87, 34); HEX: #795548, RGB: (121, 85, 72); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #607d8b, RGB: (96, 125, 139)
Versión simplificada de la paleta de colores
Matiz de tomato, Sombra de crimson, Matiz de darkorchid, Matiz de blueviolet, Matiz de slateblue, Sombra de dodgerblue, Matiz de deepskyblue, Matiz de darkturquoise, Sombra de darkcyan, Matiz de mediumseagreen, Matiz de Amarillo verde, Sombra de Amarillo verde, Matiz de Amarillo, Matiz de gold, Sombra de darkorange, Sombra de orangered, Matiz de sienna, Matiz de darkgrey, Matiz de slategrey
El esquema de color fue creado por mz

Códigos de colores en la paleta

Material Design color palette códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#f44336 RGB(244, 67, 54)Red
#e81e63 RGB(232, 30, 99)Pink
#9c27b0 RGB(156, 39, 176)Purple
#673ab7 RGB(103, 58, 183)Deep Purple
#3f51b5 RGB(63, 81, 181)Indigo
#2196f3 RGB(33, 150, 243)Blue
#03a9f4 RGB(3, 169, 244)Light Blue
#00bcd4 RGB(0, 188, 212)Cyan
#009688 RGB(0, 150, 136)Teal
#4caf50 RGB(76, 175, 80)Green
#8bc34a RGB(139, 195, 74)Light Green
#cddc39 RGB(205, 220, 57)Lime
#ffeb3b RGB(255, 235, 59)Yellow
#ffc107 RGB(255, 193, 7)Amber
#ff9800 RGB(255, 152, 0)Orange
#ff5722 RGB(255, 87, 34)Deep Orange
#795548 RGB(121, 85, 72)Brown
#9e9e9e RGB(158, 158, 158)GrayGray62
#607d8b RGB(96, 125, 139)Blue Gray

Contraste de la paleta de colores

105 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto Color de fondo Relación de contraste
#f44336
#e81e63
1.18
#f44336
#9c27b0
1.71
#f44336
#673ab7
1.98
#f44336
#3f51b5
1.86
#f44336
#2196f3
1.17
#f44336
#03a9f4
1.4

Paleta de imágenes Material Design color palette png