Створено 02/23/2023 10:16
Design app page ux hex colors
- Palatinate Blue#314ae7
- Cornflower Blue#687cf0
- Bistre#3c2c1c
- Copper Rose#976d69
- Pastel Blue#b0bfd2
- Dark Lava#4c3c2c
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Cornflower Blue #687cf0 та Bistre #3c2c1c. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #3C2C1C (найтемніший) до #B0BFD2 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #314AE7, #3C2C1C, #4C3C2C, #687CF0, #976D69, #B0BFD2
Палітра Design app page ux hex colors містить комбінацію з 6 кодів кольорів :
HEX: #314ae7, RGB: (49, 74, 231); HEX: #687cf0, RGB: (104, 124, 240); HEX: #3c2c1c, RGB: (60, 44, 28)
HEX: #976d69, RGB: (151, 109, 105); HEX: #b0bfd2, RGB: (176, 191, 210); HEX: #4c3c2c, RGB: (76, 60, 44)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок mediumslateblue, Відтінок Чорний, Відтінок rosybrown, Відтінок lightsteelblue, Відтінок saddlebrown
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Design app page ux hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #314ae7 | #314ae7 | RGB(49, 74, 231) | Palatinate Blue | — |
| #687cf0 | #687cf0 | RGB(104, 124, 240) | Cornflower Blue | — |
| #3c2c1c | #3c2c1c | RGB(60, 44, 28) | Bistre | — |
| #976d69 | #976d69 | RGB(151, 109, 105) | Copper Rose | — |
| #b0bfd2 | #b0bfd2 | RGB(176, 191, 210) | Pastel Blue | — |
| #4c3c2c | #4c3c2c | RGB(76, 60, 44) | Dark Lava | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#314ae7 | #687cf0 | 1.75 |
#314ae7 | #976d69 | 1.44 |
#314ae7 | #4c3c2c | 1.64 |
#687cf0 | #976d69 | 1.21 |
#687cf0 | #b0bfd2 | 1.95 |
#3c2c1c | #4c3c2c | 1.26 |
Зображення палітри Design app page ux hex colors png
Експортувати палітру
Завантажте "Design app page ux hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: