Mathematical UX Toolkit for Web
- Function Blue#42a5f5
- Input Cream#fffde7
- Output Green#81c784
- Variable Pink#f8bbd0
- Axis Charcoal#37474f
- Sigma Gray#e0e0e0
Створено 07/25/2025 08:12
Палітра містить світлий, напівтемний кольори. Акцентні кольори Function Blue #42a5f5 та Input Cream #fffde7. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #37474F (найтемніший) до #FFFDE7 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #37474F, #42A5F5, #81C784, #E0E0E0, #F8BBD0, #FFFDE7
Палітра Mathematical UX Toolkit for Web містить комбінацію з 6 кодів кольорів :
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fffde7, RGB: (255, 253, 231); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #37474f, RGB: (55, 71, 79); HEX: #e0e0e0, RGB: (224, 224, 224)
Спрощений варіант палітри кольорів
Світлий відтінок Захисно-синій, Світлий відтінок Бежевий, Світлий відтінок Темний морський зелений, Темний відтінок Рожевий, Темний відтінок Темний сланцево-сірий, Світлий відтінок Ґейнсборо
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Mathematical UX Toolkit for Web коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Function Blue | — |
| #fffde7 | #fffde7 | RGB(255, 253, 231) | Input Cream | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Output Green | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Variable Pink | — |
| #37474f | #37474f | RGB(55, 71, 79) | Axis Charcoal | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Sigma Gray | Gray88 |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f8bbd0 | 1.64 |
#fffde7 | #81c784 | 1.96 |
#fffde7 | #f8bbd0 | 1.57 |
#fffde7 | #e0e0e0 | 1.28 |
#81c784 | #f8bbd0 | 1.24 |
Палітра із зображення Mathematical UX Toolkit for Web png
Експортувати палітру
Завантажте "Mathematical UX Toolkit for Web" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: