Creado en 03/03/2019 12:56
2
Bootstrap 4 background colors (classes) palette
bg-primary
#007bff
bg-secondary
#6c757d
bg-success
#28a745
bg-danger
#dc3545
bg-warning
#ffc107
bg-info
#17a2b8
bg-light
#f8f9fa
bg-dark
#343a40
bg-white
#ffffff
La paleta consta de Luz, semioscuro colores. Colores de acento bg-primary #007bff y bg-warning #ffc107. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta Bootstrap 4 background colors (classes) palette tiene una combinación de colores de códigos de 9:
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); HEX: #ffffff, RGB: (255, 255, 255)
Versión simplificada de la paleta de colores
Matiz de steelblue, Matiz de slategrey, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de whitesmoke, Matiz de darkslategrey, Blanco
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Bootstrap 4 background colors (classes) palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #007bff | RGB(0, 123, 255) | bg-primary | — | |
| #6c757d | RGB(108, 117, 125) | bg-secondary | Pompeii Ash | |
| #28a745 | RGB(40, 167, 69) | bg-success | — | |
| #dc3545 | RGB(220, 53, 69) | bg-danger | — | |
| #ffc107 | RGB(255, 193, 7) | bg-warning | — | |
| #17a2b8 | RGB(23, 162, 184) | bg-info | — | |
| #f8f9fa | RGB(248, 249, 250) | bg-light | — | |
| #343a40 | RGB(52, 58, 64) | bg-dark | — | |
| #ffffff | RGB(255, 255, 255) | bg-white | White |
Contraste de la paleta de colores
15 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación 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 |
