Criado em 08/30/2021 08:26
porfsh
  0.5k

bootstrap 5 fs site

Secondary
#80888f
Primary
#0166fa
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Dark-Blue
#5b23fb
Light
#fafafa
Dark
#404951
Light-Purple
#9c27b0
Purple
#7b1fa2
Light-Greean
#a1c620
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Primary #0166fa e Warning #ffc107. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta bootstrap 5 fs site tem uma combinação de cores de códigos de 12:
HEX: #80888f, RGB: (128, 136, 143); HEX: #0166fa, RGB: (1, 102, 250); HEX: #28a745, RGB: (40, 167, 69)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #ffc107, RGB: (255, 193, 7); HEX: #17a2b8, RGB: (23, 162, 184)
HEX: #5b23fb, RGB: (91, 35, 251); HEX: #fafafa, RGB: (250, 250, 250); HEX: #404951, RGB: (64, 73, 81)
HEX: #9c27b0, RGB: (156, 39, 176); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #a1c620, RGB: (161, 198, 32)
Versão simplificada das cores da paleta
Sombra de lightslategrey, Matiz de royalblue, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de Azul, Sombra de whitesmoke, Sombra de darkslategrey, Matiz de darkorchid, Sombra de darkmagenta, Matiz de Amarelo verde
O esquema de cores foi criado por fsh

Códigos de cores na paleta

bootstrap 5 fs site códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#80888f RGB(128, 136, 143)Secondary
#0166fa RGB(1, 102, 250)Primary
#28a745 RGB(40, 167, 69)Success
#dc3545 RGB(220, 53, 69)Danger
#ffc107 RGB(255, 193, 7)Warning
#17a2b8 RGB(23, 162, 184)Info
#5b23fb RGB(91, 35, 251)Dark-Blue
#fafafa RGB(250, 250, 250)LightDr. White
#404951 RGB(64, 73, 81)Dark
#9c27b0 RGB(156, 39, 176)Light-Purple
#7b1fa2 RGB(123, 31, 162)Purple
#a1c620 RGB(161, 198, 32)Light-Greean

Contraste da Paleta de Cores

33 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
#80888f
#0166fa
1.36
#80888f
#28a745
1.14
#80888f
#dc3545
1.25
#80888f
#17a2b8
1.18
#80888f
#5b23fb
1.89
#80888f
#9c27b0
1.75

Paleta de imagens bootstrap 5 fs site 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