Створено 04/09/2022 11:31
Web design ui product colors
- Button Blue#229ee5
- Diamond#bceafa
- Ocean Boat Blue#0c78bf
- Gray#9c9c9c
- Sea Blue#0a6c8e
- Black#0c0c0c
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Ocean Boat Blue #0c78bf та Gray #9c9c9c. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #0C0C0C (найтемніший) до #BCEAFA (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0A6C8E, #0C0C0C, #0C78BF, #229EE5, #9C9C9C, #BCEAFA
Палітра Web design ui product colors містить комбінацію з 6 кодів кольорів :
HEX: #229ee5, RGB: (34, 158, 229); HEX: #bceafa, RGB: (188, 234, 250); HEX: #0c78bf, RGB: (12, 120, 191)
HEX: #9c9c9c, RGB: (156, 156, 156); HEX: #0a6c8e, RGB: (10, 108, 142); HEX: #0c0c0c, RGB: (12, 12, 12)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок lightblue, Відтінок steelblue, Відтінок darkgrey, Відтінок steelblue, Відтінок Чорний
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web design ui product colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #229ee5 | #229ee5 | RGB(34, 158, 229) | Button Blue | — |
| #bceafa | #bceafa | RGB(188, 234, 250) | Diamond | — |
| #0c78bf | #0c78bf | RGB(12, 120, 191) | Ocean Boat Blue | — |
| #9c9c9c | #9c9c9c | RGB(156, 156, 156) | Gray | Codex Grey |
| #0a6c8e | #0a6c8e | RGB(10, 108, 142) | Sea Blue | — |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Black | Black Wash |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#229ee5 | #0c78bf | 1.59 |
#229ee5 | #9c9c9c | 1.07 |
#229ee5 | #0a6c8e | 1.99 |
#0c78bf | #9c9c9c | 1.71 |
#0c78bf | #0a6c8e | 1.25 |
Зображення палітри Web design ui product colors png
Експортувати палітру
Завантажте "Web design ui product colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: