Creado en 07/03/2020 15:53
  17.58k

Bootstrap 5 colors

Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
La paleta consta de semioscuro, Luz colores. Colores de acento Primary #0d6efd y Warning #ffc107. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta Bootstrap 5 colors tiene una combinación de colores 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)
Versión simplificada de la paleta de colores
Matiz de royalblue, Matiz de slategrey, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de whitesmoke, Matiz de darkslategrey
El esquema de color fue creado por colorswall

Códigos de colores en la paleta

Bootstrap 5 colors códigos de color HEX, información RGB en la tabla

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

Contraste de la paleta de colores

13 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
#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 imágenes Bootstrap 5 colors png