Создано 03/03/2019 12:56
авторcolorswall
  37.99k

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
Войдите чтобы сохранить палитру в коллекцию
Палитра содержит светлый, полутемный цвета. Акцентные цвета bg-primary #007bff да bg-warning #ffc107. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
Палитра Bootstrap 4 background colors (classes) palette содержит комбинацию из 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)
Упрощенная версия цветов палитры
Оттенок steelblue, Оттенок slategrey, Оттенок mediumseagreen, Тень crimson, Оттенок gold, Оттенок cadetblue, Тень whitesmoke, Оттенок darkslategrey, Белый
Цветовая схема создана автором colorswall

Коды цветов в палитре

Bootstrap 4 background colors (classes) palette коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#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

Контраст палитры цветов

15 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#007bff
#6c757d
1.17
#007bff
#28a745
1.27
#007bff
#dc3545
1.13
#007bff
#17a2b8
1.3
#6c757d
#28a745
1.49
#6c757d
#dc3545
1.03

Изображение палитры Bootstrap 4 background colors (classes) palette png

Цвета палитры: Как пользоваться?

Нажмите любой цвет, чтобы добавить в Палитру
Быстрая палитра
Максимально 10 палитр Сравнить
нажмите значок «Сравнить» чтобы добавить палитру в Список Сравнение Палитр
Сравнить Палитры