Criado em 07/03/2020 15:53
1
Bootstrap 5 colors
Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
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) | 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 |
#0d6efd | #6c757d | 1.04 |
#0d6efd | #28a745 | 1.43 |
#0d6efd | #dc3545 | 1 |
#0d6efd | #17a2b8 | 1.47 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |