Animation reveal ux principle
- Mountain Meadow#3ac493
- Banana Mania#fbebb4
- Rich Black (FOGRA29)#06140f
- Beaver#94886d
- Philippine Silver#b1b6b8
- Arsenic#38444c
Створено 10/04/2022 09:50
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Banana Mania #fbebb4 та Arsenic #38444c. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #06140F (найтемніший) до #FBEBB4 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #06140F, #38444C, #3AC493, #94886D, #B1B6B8, #FBEBB4
Палітра Animation reveal ux principle містить комбінацію з 6 кодів кольорів :
HEX: #3ac493, RGB: (58, 196, 147); HEX: #fbebb4, RGB: (251, 235, 180); HEX: #06140f, RGB: (6, 20, 15)
HEX: #94886d, RGB: (148, 136, 109); HEX: #b1b6b8, RGB: (177, 182, 184); HEX: #38444c, RGB: (56, 68, 76)
Спрощений варіант палітри кольорів
Темний відтінок Помірний аквамариновий, Світлий відтінок Блідо-золотистий, Світлий відтінок Чорний, Світлий відтінок Сірий, Темний відтінок Срібний, Темний відтінок Темний сланцево-сірий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Animation reveal ux principle коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #3ac493 | #3ac493 | RGB(58, 196, 147) | Mountain Meadow | — |
| #fbebb4 | #fbebb4 | RGB(251, 235, 180) | Banana Mania | — |
| #06140f | #06140f | RGB(6, 20, 15) | Rich Black (FOGRA29) | — |
| #94886d | #94886d | RGB(148, 136, 109) | Beaver | — |
| #b1b6b8 | #b1b6b8 | RGB(177, 182, 184) | Philippine Silver | — |
| #38444c | #38444c | RGB(56, 68, 76) | Arsenic | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#3ac493 | #fbebb4 | 1.85 |
#3ac493 | #94886d | 1.58 |
#3ac493 | #b1b6b8 | 1.07 |
#fbebb4 | #b1b6b8 | 1.72 |
#06140f | #38444c | 1.88 |
#94886d | #b1b6b8 | 1.7 |
Палітра із зображення Animation reveal ux principle png
Експортувати палітру
Завантажте "Animation reveal ux principle" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: