Creado en 03/03/2019 12:56
  38.08k

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
Iniciar sesión para guardar la paleta en la colección
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-secondaryPompeii 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-whiteWhite

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

Paleta de imágenes Bootstrap 4 background colors (classes) palette png

paleta de colores: ¿Cómo utilizar?

Haga clic en cualquier color para agregar Paleta
Paleta rápida
Máximo 10 de paletas Comparar
Haga clic en el icono «Comparar» para agregar Paleta en Comparar listas de paletas
Comparar Paletas