Criado em 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
Entrar para salvar a paleta na coleção
A paleta consiste em cores Semi escuro, Luz. Cores de destaque Secondary #f1f1fc e Warning #ffb700. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta Spectre.css colors palette tem uma combinação de cores 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)
Versão simplificada das cores da paleta
Matiz de slateblue, Matiz de ghostwhite, Matiz de limegreen, Sombra de Laranja, Sombra de orangered, Matiz de dimgrey, Sombra de slategrey, Matiz de lightsteelblue, Sombra de gainsboro, Matiz de whitesmoke, Sombra de whitesmoke, Branco
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Spectre.css colors palette códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome 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 da Paleta de Cores

30 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Taxa 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 imagens Spectre.css colors palette png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas