Creado en 10/16/2024 10:49
Material Design color palette
Bái Sè White
#eceff1
Hinting Blue
#cfd8dc
Ocean Drive
#b0bec5
Galleria Blue
#90a4ae
Sheltered Bay
#78909c
lightskyblue4
#607d8b
Blue Sentinel
#546e7a
Midnight in the Tropics
#455a64
Azul Petróleo
#37474f
Chimney Sweep
#263238
La paleta consta de Luz, semioscuro, Oscuro colores. Colores de acento Blue Sentinel #546e7a y Chimney Sweep #263238. La paleta tiene temperatura de color Neutral, Frío.
La paleta Material Design color palette tiene una combinación de colores de códigos de 10:
HEX: #eceff1, RGB: (236, 239, 241); HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #78909c, RGB: (120, 144, 156); HEX: #607d8b, RGB: (96, 125, 139)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #455a64, RGB: (69, 90, 100); HEX: #37474f, RGB: (55, 71, 79)
HEX: #263238, RGB: (38, 50, 56)
Versión simplificada de la paleta de colores
Matiz de whitesmoke, Sombra de lightgrey, Matiz de Plata, Matiz de darkgrey, Sombra de lightslategrey, Matiz de slategrey, Matiz de slategrey, Sombra de darkslategrey, Matiz de darkslategrey, Matiz de darkslategrey
El esquema de color fue creado por MyPalettes
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 |
| #eceff1 | RGB(236, 239, 241) | Bái Sè White | — | |
| #cfd8dc | RGB(207, 216, 220) | Hinting Blue | — | |
| #b0bec5 | RGB(176, 190, 197) | Ocean Drive | — | |
| #90a4ae | RGB(144, 164, 174) | Galleria Blue | — | |
| #78909c | RGB(120, 144, 156) | Sheltered Bay | — | |
| #607d8b | RGB(96, 125, 139) | lightskyblue4 | — | |
| #546e7a | RGB(84, 110, 122) | Blue Sentinel | — | |
| #455a64 | RGB(69, 90, 100) | Midnight in the Tropics | — | |
| #37474f | RGB(55, 71, 79) | Azul Petróleo | — | |
| #263238 | RGB(38, 50, 56) | Chimney Sweep | — |
Contraste de la paleta de colores
17 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 |
#eceff1 | #cfd8dc | 1.25 |
#eceff1 | #b0bec5 | 1.65 |
#cfd8dc | #b0bec5 | 1.31 |
#cfd8dc | #90a4ae | 1.78 |
#b0bec5 | #90a4ae | 1.35 |
#b0bec5 | #78909c | 1.75 |
