Створено 03/03/2023 20:29
Metrics b2b user interface web app
- Han Blue#3f6abf
- Piggy Pink#f9d9e7
- Chinese Black#0c1424
- Bronze (Metallic)#ae8862
- Khaki (HTML/CSS)#c7b49f
- Liver Chestnut (Horses)#5c4434
Палітра містить світлий, темний кольори. Акцентні кольори Han Blue #3f6abf та Piggy Pink #f9d9e7. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #0C1424 (найтемніший) до #F9D9E7 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 1 яскравих із 6 кольорів.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого (3 із 6).
HEX-коди (відсортовано): #0C1424, #3F6ABF, #5C4434, #AE8862, #C7B49F, #F9D9E7
Палітра Metrics b2b user interface web app містить комбінацію з 6 кодів кольорів :
HEX: #3f6abf, RGB: (63, 106, 191); HEX: #f9d9e7, RGB: (249, 217, 231); HEX: #0c1424, RGB: (12, 20, 36)
HEX: #ae8862, RGB: (174, 136, 98); HEX: #c7b49f, RGB: (199, 180, 159); HEX: #5c4434, RGB: (92, 68, 52)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок mistyrose, Відтінок Чорний, Відтінок peru, Відтінок tan, Відтінок saddlebrown
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Metrics b2b user interface web app коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #3f6abf | #3f6abf | RGB(63, 106, 191) | Han Blue | — |
| #f9d9e7 | #f9d9e7 | RGB(249, 217, 231) | Piggy Pink | — |
| #0c1424 | #0c1424 | RGB(12, 20, 36) | Chinese Black | — |
| #ae8862 | #ae8862 | RGB(174, 136, 98) | Bronze (Metallic) | — |
| #c7b49f | #c7b49f | RGB(199, 180, 159) | Khaki (HTML/CSS) | — |
| #5c4434 | #5c4434 | RGB(92, 68, 52) | Liver Chestnut (Horses) | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#3f6abf | #ae8862 | 1.61 |
#3f6abf | #5c4434 | 1.72 |
#f9d9e7 | #c7b49f | 1.54 |
#ae8862 | #c7b49f | 1.6 |
Зображення палітри Metrics b2b user interface web app png
Експортувати палітру
Завантажте "Metrics b2b user interface web app" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: