Creado en 12/16/2017 13:43
1
Red palette Materialize CSS
red-lighten-5
#ffebee
red-lighten-4
#ffcdd2
red-lighten-3
#ef9a9a
red-lighten-2
#e57373
red-lighten-1
#ef5350
red
#f44336
red-darken-1
#e53935
red-darken-2
#d32f2f
red-darken-3
#c62828
red-darken-4
#b71c1c
red-accent-1
#ff8a80
red-accent-2
#ff5252
red-accent-3
#ff1744
red-accent-4
#d50000
La paleta consta de Luz, semioscuro, Oscuro colores. Colores de acento red-lighten-5 #ffebee y red-lighten-4 #ffcdd2. La paleta tiene temperatura de color Neutral, Cálido.
La paleta Red palette Materialize CSS tiene una combinación de colores de códigos de 14:
HEX: #ffebee, RGB: (255, 235, 238); HEX: #ffcdd2, RGB: (255, 205, 210); HEX: #ef9a9a, RGB: (239, 154, 154)
HEX: #e57373, RGB: (229, 115, 115); HEX: #ef5350, RGB: (239, 83, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #e53935, RGB: (229, 57, 53); HEX: #d32f2f, RGB: (211, 47, 47); HEX: #c62828, RGB: (198, 40, 40)
HEX: #b71c1c, RGB: (183, 28, 28); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #ff1744, RGB: (255, 23, 68); HEX: #d50000, RGB: (213, 0, 0)
Versión simplificada de la paleta de colores
Matiz de lavenderblush, Sombra de Rosa, Sombra de lightcoral, Matiz de lightcoral, Sombra de indianred, Matiz de tomato, Sombra de Rojo, Sombra de crimson, Sombra de firebrick, Matiz de firebrick, Sombra de salmon, Matiz de tomato, Sombra de crimson, Matiz de firebrick
El esquema de color fue creado por mz
Códigos de colores en la paleta
Red palette Materialize CSS códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough | |
#ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — | |
#ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — | |
#e57373 | RGB(229, 115, 115) | red-lighten-2 | — | |
#ef5350 | RGB(239, 83, 80) | red-lighten-1 | — | |
#f44336 | RGB(244, 67, 54) | red | — | |
#e53935 | RGB(229, 57, 53) | red-darken-1 | — | |
#d32f2f | RGB(211, 47, 47) | red-darken-2 | — | |
#c62828 | RGB(198, 40, 40) | red-darken-3 | — | |
#b71c1c | RGB(183, 28, 28) | red-darken-4 | — | |
#ff8a80 | RGB(255, 138, 128) | red-accent-1 | — | |
#ff5252 | RGB(255, 82, 82) | red-accent-2 | — | |
#ff1744 | RGB(255, 23, 68) | red-accent-3 | — | |
#d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Contraste de la paleta de colores
61 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 |
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |