Criado em 05/01/2019 08:58
Bootstrap 4 Badge colors
primary
#007bff
secondary
#6c757d
success
#28a745
danger
#dc3545
warning
#ffc107
info
#17a2b8
light
#f8f9fa
dark
#343a40
A paleta consiste em cores Luz, Semi escuro. Cores de destaque primary #007bff e warning #ffc107. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Bootstrap 4 Badge colors tem uma combinação de cores de códigos de 8:
HEX: #007bff, RGB: (0, 123, 255); 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 steelblue, 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 4 Badge colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #007bff | RGB(0, 123, 255) | primary | — | |
| #6c757d | RGB(108, 117, 125) | secondary | Pompeii 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 |
#007bff | #6c757d | 1.17 |
#007bff | #28a745 | 1.27 |
#007bff | #dc3545 | 1.13 |
#007bff | #17a2b8 | 1.3 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |
