Creado en 06/21/2018 08:21
Spectre.css colors palette
Primary
#5755d9
Secondary
#f1f1fc
Success
#32b643
Warning
#ffb700
Error
#e85600
Dark
#454d5d
Gray dark
#727e96
Gray
#acb3c2
Gray light
#e7e9ed
Border
#f0f1f4
Background
#f8f9fa
Light
#ffffff
La paleta consta de semioscuro, Luz colores. Colores de acento Secondary #f1f1fc y Warning #ffb700. La paleta tiene temperatura de color Frío, Neutral, Cálido.
La paleta Spectre.css colors palette tiene una combinación de colores de códigos de 12:
HEX: #5755d9, RGB: (87, 85, 217); HEX: #f1f1fc, RGB: (241, 241, 252); HEX: #32b643, RGB: (50, 182, 67)
HEX: #ffb700, RGB: (255, 183, 0); HEX: #e85600, RGB: (232, 86, 0); HEX: #454d5d, RGB: (69, 77, 93)
HEX: #727e96, RGB: (114, 126, 150); HEX: #acb3c2, RGB: (172, 179, 194); HEX: #e7e9ed, RGB: (231, 233, 237)
HEX: #f0f1f4, RGB: (240, 241, 244); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #ffffff, RGB: (255, 255, 255)
Versión simplificada de la paleta de colores
Matiz de slateblue, Matiz de ghostwhite, Matiz de limegreen, Sombra de Naranja, Sombra de orangered, Matiz de dimgrey, Sombra de slategrey, Matiz de lightsteelblue, Sombra de gainsboro, Matiz de whitesmoke, Sombra de whitesmoke, Blanco
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Spectre.css colors palette códigos de color HEX, información RGB en la tabla
Color | HEX | RGB | Nombre | nombre alternativo |
#5755d9 | RGB(87, 85, 217) | Primary | — | |
#f1f1fc | RGB(241, 241, 252) | Secondary | — | |
#32b643 | RGB(50, 182, 67) | Success | — | |
#ffb700 | RGB(255, 183, 0) | Warning | Sunflower Mango | |
#e85600 | RGB(232, 86, 0) | Error | — | |
#454d5d | RGB(69, 77, 93) | Dark | — | |
#727e96 | RGB(114, 126, 150) | Gray dark | — | |
#acb3c2 | RGB(172, 179, 194) | Gray | — | |
#e7e9ed | RGB(231, 233, 237) | Gray light | — | |
#f0f1f4 | RGB(240, 241, 244) | Border | — | |
#f8f9fa | RGB(248, 249, 250) | Background | — | |
#ffffff | RGB(255, 255, 255) | Light | White |
Contraste de la paleta de colores
30 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 |
#5755d9 | #e85600 | 1.55 |
#5755d9 | #454d5d | 1.49 |
#5755d9 | #727e96 | 1.38 |
#f1f1fc | #ffb700 | 1.55 |
#f1f1fc | #acb3c2 | 1.87 |
#f1f1fc | #e7e9ed | 1.08 |