Створено 03/17/2022 09:41
Design web ui
- Deer#bc8c50
- Ruddy Pink#e69199
- Metallic Blue#246171
- Blackberry#945c78
- Pale Chestnut#d4aca7
- Dark Gunmetal#18242e
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Ruddy Pink #e69199 та Metallic Blue #246171. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #18242E (найтемніший) до #D4ACA7 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #18242E, #246171, #945C78, #BC8C50, #D4ACA7, #E69199
Палітра Design web ui містить комбінацію з 6 кодів кольорів :
HEX: #bc8c50, RGB: (188, 140, 80); HEX: #e69199, RGB: (230, 145, 153); HEX: #246171, RGB: (36, 97, 113)
HEX: #945c78, RGB: (148, 92, 120); HEX: #d4aca7, RGB: (212, 172, 167); HEX: #18242e, RGB: (24, 36, 46)
Спрощений варіант палітри кольорів
Відтінок peru, Відтінок lightcoral, Відтінок darkslategrey, Відтінок mediumvioletred, Відтінок rosybrown, Відтінок Чорний
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Design web ui коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #bc8c50 | #bc8c50 | RGB(188, 140, 80) | Deer | — |
| #e69199 | #e69199 | RGB(230, 145, 153) | Ruddy Pink | — |
| #246171 | #246171 | RGB(36, 97, 113) | Metallic Blue | — |
| #945c78 | #945c78 | RGB(148, 92, 120) | Blackberry | — |
| #d4aca7 | #d4aca7 | RGB(212, 172, 167) | Pale Chestnut | — |
| #18242e | #18242e | RGB(24, 36, 46) | Dark Gunmetal | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#bc8c50 | #e69199 | 1.26 |
#bc8c50 | #945c78 | 1.72 |
#bc8c50 | #d4aca7 | 1.46 |
#e69199 | #d4aca7 | 1.15 |
#246171 | #945c78 | 1.34 |
Зображення палітри Design web ui png
Експортувати палітру
Завантажте "Design web ui" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: