Створено 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. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #343A40 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #007BFF, #17A2B8, #20C997, #28A745, #343A40, #6610F2, #6C757D, #6F42C1, #DC3545, #E83E8C, #F8F9FA, #FD7E14, #FFC107, #FFFFFF
Палітра 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 | #007bff | RGB(0, 123, 255) | blue | — |
| #6610f2 | #6610f2 | RGB(102, 16, 242) | indigo | — |
| #6f42c1 | #6f42c1 | RGB(111, 66, 193) | purple | — |
| #e83e8c | #e83e8c | RGB(232, 62, 140) | pink | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | red | — |
| #fd7e14 | #fd7e14 | RGB(253, 126, 20) | orange | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | yellow | — |
| #28a745 | #28a745 | RGB(40, 167, 69) | green | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | teal | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | cyan | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | white | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | gray | Pompeii Ash |
| #343a40 | #343a40 | RGB(52, 58, 64) | gray-dark | — |
| #007bff | #007bff | RGB(0, 123, 255) | primary | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | secondary | Pompeii Ash |
| #28a745 | #28a745 | RGB(40, 167, 69) | success | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | info | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | warning | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | danger | — |
| #f8f9fa | #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 |
Зображення палітри bs4/all-colors-palette png
Експортувати палітру
Завантажте "bs4/all-colors-palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: