Design ux ui hex colors
- Minion Yellow#ecd454
- Light Cobalt Blue#989ee5
- Brown Chocolate#61243d
- Olive Green#a1ab60
- Pastel Gray#cecebc
- Soldier Green#554c29
Створено 01/24/2023 10:03
Палітра містить світлий, напівтемний кольори. Акцентні кольори Minion Yellow #ecd454 та Light Cobalt Blue #989ee5. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #61243D (найтемніший) до #ECD454 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 1 приглушених і 2 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (5 із 6).
HEX-коди (відсортовано): #554C29, #61243D, #989EE5, #A1AB60, #CECEBC, #ECD454
Палітра Design ux ui hex colors містить комбінацію з 6 кодів кольорів :
HEX: #ecd454, RGB: (236, 212, 84); HEX: #989ee5, RGB: (152, 158, 229); HEX: #61243d, RGB: (97, 36, 61)
HEX: #a1ab60, RGB: (161, 171, 96); HEX: #cecebc, RGB: (206, 206, 188); HEX: #554c29, RGB: (85, 76, 41)
Спрощений варіант палітри кольорів
Світлий відтінок Золотий, Світлий відтінок Волошковий, Світлий відтінок Фіолетовий, Темний відтінок Темний хакі, Темний відтінок Світло-сірий, Темний відтінок Темно-оливковий
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Design ux ui hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ecd454 | #ecd454 | RGB(236, 212, 84) | Minion Yellow | — |
| #989ee5 | #989ee5 | RGB(152, 158, 229) | Light Cobalt Blue | — |
| #61243d | #61243d | RGB(97, 36, 61) | Brown Chocolate | — |
| #a1ab60 | #a1ab60 | RGB(161, 171, 96) | Olive Green | — |
| #cecebc | #cecebc | RGB(206, 206, 188) | Pastel Gray | — |
| #554c29 | #554c29 | RGB(85, 76, 41) | Soldier Green | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ecd454 | #989ee5 | 1.68 |
#ecd454 | #a1ab60 | 1.65 |
#ecd454 | #cecebc | 1.07 |
#989ee5 | #a1ab60 | 1.01 |
#989ee5 | #cecebc | 1.57 |
#61243d | #554c29 | 1.34 |
Палітра із зображення Design ux ui hex colors png
Експортувати палітру
Завантажте "Design ux ui hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: