Создано 09/04/2019 13:00
bs4/all-colors-palette
blue
#007bff
indigo
#6610f2
purple
#6f42c1
pink
#e83e8c
red
#dc3545
orange
#fd7e14
yellow
#ffc107
green
#28a745
teal
#20c997
cyan
#17a2b8
white
#ffffff
gray
#6c757d
gray-dark
#343a40
primary
#007bff
secondary
#6c757d
success
#28a745
info
#17a2b8
warning
#ffc107
danger
#dc3545
light
#f8f9fa
Палитра содержит светлый, полутемный цвета. Акцентные цвета blue #007bff да yellow #ffc107 да primary #007bff да warning #ffc107. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
Палитра bs4/all-colors-palette содержит комбинацию из 20 кодов цветов:
HEX: #007bff, RGB: (0, 123, 255); HEX: #6610f2, RGB: (102, 16, 242); HEX: #6f42c1, RGB: (111, 66, 193)
HEX: #e83e8c, RGB: (232, 62, 140); HEX: #dc3545, RGB: (220, 53, 69); HEX: #fd7e14, RGB: (253, 126, 20)
HEX: #ffc107, RGB: (255, 193, 7); HEX: #28a745, RGB: (40, 167, 69); HEX: #20c997, RGB: (32, 201, 151)
HEX: #17a2b8, RGB: (23, 162, 184); HEX: #ffffff, RGB: (255, 255, 255); HEX: #6c757d, RGB: (108, 117, 125)
HEX: #343a40, RGB: (52, 58, 64); HEX: #007bff, RGB: (0, 123, 255); HEX: #6c757d, RGB: (108, 117, 125)
HEX: #28a745, RGB: (40, 167, 69); HEX: #17a2b8, RGB: (23, 162, 184); HEX: #ffc107, RGB: (255, 193, 7)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #f8f9fa, RGB: (248, 249, 250)
Упрощенная версия цветов палитры
Оттенок steelblue, Оттенок blueviolet, Тень blueviolet, Тень deeppink, Тень crimson, Оттенок darkorange, Оттенок gold, Оттенок mediumseagreen, Оттенок mediumaquamarine, Оттенок cadetblue, Белый, Оттенок slategrey, Оттенок darkslategrey, Оттенок steelblue, Оттенок slategrey, Оттенок mediumseagreen, Оттенок cadetblue, Оттенок gold, Тень crimson, Тень whitesmoke
Цветовая схема создана автором David Acevedo
Коды цветов в палитре
bs4/all-colors-palette коды цветов HEX, RGB информация в таблице
Цвет | HEX | RGB | Название | Альтернативное название |
#007bff | RGB(0, 123, 255) | blue | — | |
#6610f2 | RGB(102, 16, 242) | indigo | — | |
#6f42c1 | RGB(111, 66, 193) | purple | — | |
#e83e8c | RGB(232, 62, 140) | pink | — | |
#dc3545 | RGB(220, 53, 69) | red | — | |
#fd7e14 | RGB(253, 126, 20) | orange | — | |
#ffc107 | RGB(255, 193, 7) | yellow | — | |
#28a745 | RGB(40, 167, 69) | green | — | |
#20c997 | RGB(32, 201, 151) | teal | — | |
#17a2b8 | RGB(23, 162, 184) | cyan | — | |
#ffffff | RGB(255, 255, 255) | white | — | |
#6c757d | RGB(108, 117, 125) | gray | Pompeii Ash | |
#343a40 | RGB(52, 58, 64) | gray-dark | — | |
#007bff | RGB(0, 123, 255) | primary | — | |
#6c757d | RGB(108, 117, 125) | secondary | Pompeii Ash | |
#28a745 | RGB(40, 167, 69) | success | — | |
#17a2b8 | RGB(23, 162, 184) | info | — | |
#ffc107 | RGB(255, 193, 7) | warning | — | |
#dc3545 | RGB(220, 53, 69) | danger | — | |
#f8f9fa | RGB(248, 249, 250) | light | — |
Контраст палитры цветов
109 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текста | Цвет фона | Коэффициент контрастности |
#007bff | #6610f2 | 1.8 |
#007bff | #6f42c1 | 1.63 |
#007bff | #e83e8c | 1.04 |
#007bff | #dc3545 | 1.13 |
#007bff | #fd7e14 | 1.54 |
#007bff | #28a745 | 1.27 |