Створено 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 |
