Criado em 07/03/2020 15:53
  16.37k

Bootstrap 5 colors

Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
Entrar para salvar a paleta na coleção
A paleta consiste em cores Semi escuro, Luz. Cores de destaque Primary #0d6efd e Warning #ffc107. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Bootstrap 5 colors tem uma combinação de cores de códigos de 8:
HEX: #0d6efd, RGB: (13, 110, 253); HEX: #6c757d, RGB: (108, 117, 125); 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: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de slategrey, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de whitesmoke, Matiz de darkslategrey
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Bootstrap 5 colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#0d6efd RGB(13, 110, 253)Primary
#6c757d RGB(108, 117, 125)SecondaryPompeii Ash
#28a745 RGB(40, 167, 69)Success
#dc3545 RGB(220, 53, 69)Danger
#ffc107 RGB(255, 193, 7)Warning
#17a2b8 RGB(23, 162, 184)Info
#f8f9fa RGB(248, 249, 250)Light
#343a40 RGB(52, 58, 64)Dark

Contraste da Paleta de Cores

13 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
#0d6efd
#6c757d
1.04
#0d6efd
#28a745
1.43
#0d6efd
#dc3545
1
#0d6efd
#17a2b8
1.47
#6c757d
#28a745
1.49
#6c757d
#dc3545
1.03

Paleta de imagens Bootstrap 5 colors 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