Creado en 12/27/2017 21:07
1
Yellow palette Materialize CSS
yellow lighten-5
#fffde7
yellow lighten-4
#fff9c4
yellow lighten-3
#fff59d
yellow lighten-2
#fff176
yellow lighten-1
#ffee58
yellow
#ffeb3b
yellow darken-1
#fdd835
yellow darken-2
#fbc02d
yellow darken-3
#f9a825
yellow darken-4
#f57f17
yellow accent-1
#ffff8d
yellow accent-2
#ffff00
yellow accent-3
#ffea00
yellow accent-4
#ffd600
La paleta consta de Luz colores. Colores de acento yellow lighten-5 #fffde7 y yellow lighten-4 #fff9c4. La paleta tiene temperatura de color Neutral, Cálido.
La paleta Yellow palette Materialize CSS tiene una combinación de colores de códigos de 14:
HEX: #fffde7, RGB: (255, 253, 231); HEX: #fff9c4, RGB: (255, 249, 196); HEX: #fff59d, RGB: (255, 245, 157)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ffee58, RGB: (255, 238, 88); HEX: #ffeb3b, RGB: (255, 235, 59)
HEX: #fdd835, RGB: (253, 216, 53); HEX: #fbc02d, RGB: (251, 192, 45); HEX: #f9a825, RGB: (249, 168, 37)
HEX: #f57f17, RGB: (245, 127, 23); HEX: #ffff8d, RGB: (255, 255, 141); HEX: #ffff00, RGB: (255, 255, 0)
HEX: #ffea00, RGB: (255, 234, 0); HEX: #ffd600, RGB: (255, 214, 0)
Versión simplificada de la paleta de colores
Sombra de beige, Matiz de lemonchiffon, Sombra de Caqui, Sombra de Caqui, Sombra de Amarillo, Matiz de Amarillo, Sombra de gold, Sombra de goldenrod, Sombra de Naranja, Matiz de darkorange, Sombra de Caqui, Amarillo, Sombra de gold, Matiz de gold
El esquema de color fue creado por mz
Códigos de colores en la paleta
Yellow palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #fffde7 | RGB(255, 253, 231) | yellow lighten-5 | — | |
| #fff9c4 | RGB(255, 249, 196) | yellow lighten-4 | — | |
| #fff59d | RGB(255, 245, 157) | yellow lighten-3 | — | |
| #fff176 | RGB(255, 241, 118) | yellow lighten-2 | — | |
| #ffee58 | RGB(255, 238, 88) | yellow lighten-1 | — | |
| #ffeb3b | RGB(255, 235, 59) | yellow | — | |
| #fdd835 | RGB(253, 216, 53) | yellow darken-1 | — | |
| #fbc02d | RGB(251, 192, 45) | yellow darken-2 | — | |
| #f9a825 | RGB(249, 168, 37) | yellow darken-3 | — | |
| #f57f17 | RGB(245, 127, 23) | yellow darken-4 | — | |
| #ffff8d | RGB(255, 255, 141) | yellow accent-1 | — | |
| #ffff00 | RGB(255, 255, 0) | yellow accent-2 | Yellow | |
| #ffea00 | RGB(255, 234, 0) | yellow accent-3 | — | |
| #ffd600 | RGB(255, 214, 0) | yellow accent-4 | — |
Contraste de la paleta de colores
82 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 |
#fffde7 | #fff9c4 | 1.04 |
#fffde7 | #fff59d | 1.08 |
#fffde7 | #fff176 | 1.13 |
#fffde7 | #ffee58 | 1.16 |
#fffde7 | #ffeb3b | 1.18 |
#fffde7 | #fdd835 | 1.35 |
