Bootstrap 4 colors
- Primary#0275d8
- Success#5cb85c
- Info#5bc0de
- Warning#f0ad4e
- Danger#d9534f
- Inverse#292b2c
- Faded#f7f7f7
13
Створено 12/12/2017 10:47
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Primary #0275d8 та Warning #f0ad4e. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #292B2C (найтемніший) до #F7F7F7 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 57% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 7).
HEX-коди (відсортовано): #0275D8, #292B2C, #5BC0DE, #5CB85C, #D9534F, #F0AD4E, #F7F7F7
Палітра Bootstrap 4 colors містить комбінацію з 7 кодів кольорів :
HEX: #0275d8, RGB: (2, 117, 216); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #5bc0de, RGB: (91, 192, 222)
HEX: #f0ad4e, RGB: (240, 173, 78); HEX: #d9534f, RGB: (217, 83, 79); HEX: #292b2c, RGB: (41, 43, 44)
HEX: #f7f7f7, RGB: (247, 247, 247)
Спрощений варіант палітри кольорів
Темний відтінок Сталевий синій, Світлий відтінок Помірний морський зелений, Темний відтінок Небесно-блакитний, Світлий відтінок Помаранчевий, Темний відтінок Індійський червоний, Світлий відтінок Чорний, Світлий відтінок Димчасто-білий
Кольорова схема створена автором mz
Коди кольорів у палітрі
Bootstrap 4 colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #0275d8 | #0275d8 | RGB(2, 117, 216) | Primary | — |
| #5cb85c | #5cb85c | RGB(92, 184, 92) | Success | — |
| #5bc0de | #5bc0de | RGB(91, 192, 222) | Info | — |
| #f0ad4e | #f0ad4e | RGB(240, 173, 78) | Warning | — |
| #d9534f | #d9534f | RGB(217, 83, 79) | Danger | — |
| #292b2c | #292b2c | RGB(41, 43, 44) | Inverse | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Faded | Lynx White |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#0275d8 | #5cb85c | 1.86 |
#0275d8 | #d9534f | 1.16 |
#5cb85c | #5bc0de | 1.18 |
#5cb85c | #f0ad4e | 1.27 |
#5cb85c | #d9534f | 1.59 |
#5bc0de | #f0ad4e | 1.07 |
Палітра із зображення Bootstrap 4 colors png
Експортувати палітру
Завантажте "Bootstrap 4 colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: