Creado en 06/21/2018 08:21
  1.75k

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
Iniciar sesión para guardar la paleta en la colección
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)WarningSunflower 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)LightWhite

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

Paleta de imágenes Spectre.css colors palette png

paleta de colores: ¿Cómo utilizar?

Haga clic en cualquier color para agregar Paleta
Paleta rápida
Máximo 10 de paletas Comparar
Haga clic en el icono «Comparar» para agregar Paleta en Comparar listas de paletas
Comparar Paletas