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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: