Creado en 03/27/2026 20:31
Material UI colors
- Vermilion Bird#f44336
- Mellow Melon#e91e63
- Pink Spyro#9c27b0
- Purple Emperor#673ab7
- #3f51b5
- #2196f3
- Democrat#03a9f4
- Maldives#00bcd4
- Approval Green#009688
- #4caf50
- Hill Lands#8bc34a
- Greenivorous#cddc39
- Pac-Man#ffeb3b
- Marigold#ffc107
- Vitamin C#ff9800
- Smashing Pumpkins#ff5722
- Roxy Brown#795548
- gray62#9e9e9e
- lightskyblue4#607d8b
La paleta consta de Luz, semioscuro colores. Colores de acento Maldives #00bcd4 y Pac-Man #ffeb3b. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #009688 (más oscuro) a #9E9E9E (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
Las notas cálidas y frías están bastante equilibradas.
Códigos HEX (ordenados): #009688, #00BCD4, #03A9F4, #2196F3, #3F51B5, #4CAF50, #607D8B, #673AB7, #795548, #8BC34A, #9C27B0, #9E9E9E, #CDDC39, #E91E63, #F44336, #FF5722, #FF9800, #FFC107, #FFEB3B
La paleta Material UI colors tiene una combinación de colores de códigos de 19:
HEX: #f44336, RGB: (244, 67, 54); HEX: #e91e63, RGB: (233, 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 -null
Códigos de colores en la paleta
Material UI colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #f44336 | #f44336 | RGB(244, 67, 54) | Vermilion Bird | — |
| #e91e63 | #e91e63 | RGB(233, 30, 99) | Mellow Melon | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Pink Spyro | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | Purple Emperor | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | — | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | — | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | Democrat | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Maldives | — |
| #009688 | #009688 | RGB(0, 150, 136) | Approval Green | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | — | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | Hill Lands | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | Greenivorous | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Pac-Man | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Marigold | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Vitamin C | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Smashing Pumpkins | — |
| #795548 | #795548 | RGB(121, 85, 72) | Roxy Brown | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | gray62 | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | lightskyblue4 | — |
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 | #e91e63 | 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 UI colors png
Exportar paleta
Descargue la "Material UI colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: