Створено 02/08/2023 15:22
Interface product ux components hex colors
- Coyote Brown#845c3c
- Powder Blue#bee3ec
- Brown-Nose#6c4c24
- Rackley#5c8c9c
- Pastel Gray#d6d8bd
- Police Blue#344c5d
Палітра містить напівтемний, світлий кольори. Акцентні кольори Powder Blue #bee3ec та Brown-Nose #6c4c24. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #6C4C24 (найтемніший) до #BEE3EC (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #344C5D, #5C8C9C, #6C4C24, #845C3C, #BEE3EC, #D6D8BD
Палітра Interface product ux components hex colors містить комбінацію з 6 кодів кольорів :
HEX: #845c3c, RGB: (132, 92, 60); HEX: #bee3ec, RGB: (190, 227, 236); HEX: #6c4c24, RGB: (108, 76, 36)
HEX: #5c8c9c, RGB: (92, 140, 156); HEX: #d6d8bd, RGB: (214, 216, 189); HEX: #344c5d, RGB: (52, 76, 93)
Спрощений варіант палітри кольорів
Відтінок sienna, Відтінок lightblue, Відтінок saddlebrown, Відтінок cadetblue, Відтінок beige, Відтінок darkslategrey
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Interface product ux components hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #845c3c | #845c3c | RGB(132, 92, 60) | Coyote Brown | — |
| #bee3ec | #bee3ec | RGB(190, 227, 236) | Powder Blue | — |
| #6c4c24 | #6c4c24 | RGB(108, 76, 36) | Brown-Nose | — |
| #5c8c9c | #5c8c9c | RGB(92, 140, 156) | Rackley | — |
| #d6d8bd | #d6d8bd | RGB(214, 216, 189) | Pastel Gray | — |
| #344c5d | #344c5d | RGB(52, 76, 93) | Police Blue | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#845c3c | #6c4c24 | 1.32 |
#845c3c | #5c8c9c | 1.58 |
#845c3c | #344c5d | 1.53 |
#bee3ec | #d6d8bd | 1.06 |
#6c4c24 | #344c5d | 1.15 |
Зображення палітри Interface product ux components hex colors png
Експортувати палітру
Завантажте "Interface product ux components hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: