Создано 07/03/2020 15:53
авторcolorswall
  16.37k

Bootstrap 5 colors

Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
Войдите чтобы сохранить палитру в коллекцию
Палитра содержит полутемный, светлый цвета. Акцентные цвета Primary #0d6efd да Warning #ffc107. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
Палитра Bootstrap 5 colors содержит комбинацию из 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)
Упрощенная версия цветов палитры
Оттенок royalblue, Оттенок slategrey, Оттенок mediumseagreen, Тень crimson, Оттенок gold, Оттенок cadetblue, Тень whitesmoke, Оттенок darkslategrey
Цветовая схема создана автором colorswall

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

Bootstrap 5 colors коды цветов HEX, RGB информация в таблице

Цвет HEX RGB Название Альтернативное название
#0d6efd RGB(13, 110, 253)Primary
#6c757d RGB(108, 117, 125)SecondaryPompeii 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

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

13 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста Цвет фона Коэффициент контрастности
#0d6efd
#6c757d
1.04
#0d6efd
#28a745
1.43
#0d6efd
#dc3545
1
#0d6efd
#17a2b8
1.47
#6c757d
#28a745
1.49
#6c757d
#dc3545
1.03

Изображение палитры Bootstrap 5 colors png

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

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