Створено 02/23/2023 19:35
App uidesign settings productdesign palette
- Spanish Yellow#f1b612
- Medium Champagne#f9eaa1
- Raw Umber#906840
- Camouflage Green#848464
- Rosy Brown#b78b84
- Quincy#64583a
Палітра містить світлий, напівтемний кольори. Акцентні кольори Spanish Yellow #f1b612 та Medium Champagne #f9eaa1. Палітра має температуру кольорів Теплий.
За світлістю палітра сягає від #64583A (найтемніший) до #F9EAA1 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #64583A, #848464, #906840, #B78B84, #F1B612, #F9EAA1
Палітра App uidesign settings productdesign palette містить комбінацію з 6 кодів кольорів :
HEX: #f1b612, RGB: (241, 182, 18); HEX: #f9eaa1, RGB: (249, 234, 161); HEX: #906840, RGB: (144, 104, 64)
HEX: #848464, RGB: (132, 132, 100); HEX: #b78b84, RGB: (183, 139, 132); HEX: #64583a, RGB: (100, 88, 58)
Спрощений варіант палітри кольорів
Відтінок goldenrod, Відтінок palegoldenrod, Відтінок sienna, Відтінок Сірий, Відтінок rosybrown, Відтінок dimgrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
App uidesign settings productdesign palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f1b612 | #f1b612 | RGB(241, 182, 18) | Spanish Yellow | — |
| #f9eaa1 | #f9eaa1 | RGB(249, 234, 161) | Medium Champagne | — |
| #906840 | #906840 | RGB(144, 104, 64) | Raw Umber | — |
| #848464 | #848464 | RGB(132, 132, 100) | Camouflage Green | — |
| #b78b84 | #b78b84 | RGB(183, 139, 132) | Rosy Brown | — |
| #64583a | #64583a | RGB(100, 88, 58) | Quincy | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f1b612 | #f9eaa1 | 1.51 |
#f1b612 | #b78b84 | 1.62 |
#906840 | #848464 | 1.28 |
#906840 | #b78b84 | 1.66 |
#906840 | #64583a | 1.41 |
#848464 | #b78b84 | 1.28 |
Зображення палітри App uidesign settings productdesign palette png
Експортувати палітру
Завантажте "App uidesign settings productdesign palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: