Ui kit interaction design animation colors palette
- Saffron#edcb2b
- Laser Lemon#fbf86c
- Golden Brown#84641c
- Crystal Blue#659ba9
- Wild Blue Yonder#9dadcd
- Dark Slate Gray#2c4c4c
Створено 03/01/2023 10:57
Палітра містить світлий, напівтемний кольори. Акцентні кольори Laser Lemon #fbf86c та Wild Blue Yonder #9dadcd. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #2C4C4C (найтемніший) до #FBF86C (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 1 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (3 теплих, 3 холодних).
HEX-коди (відсортовано): #2C4C4C, #659BA9, #84641C, #9DADCD, #EDCB2B, #FBF86C
Палітра Ui kit interaction design animation colors palette містить комбінацію з 6 кодів кольорів :
HEX: #edcb2b, RGB: (237, 203, 43); HEX: #fbf86c, RGB: (251, 248, 108); HEX: #84641c, RGB: (132, 100, 28)
HEX: #659ba9, RGB: (101, 155, 169); HEX: #9dadcd, RGB: (157, 173, 205); HEX: #2c4c4c, RGB: (44, 76, 76)
Спрощений варіант палітри кольорів
Темний відтінок Золотий, Світлий відтінок Жовтий, Темний відтінок Оливковий, Світлий відтінок Сіро-синій, Темний відтінок Світлий сталевий синій, Темний відтінок Темний сланцево-сірий
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Ui kit interaction design animation colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #edcb2b | #edcb2b | RGB(237, 203, 43) | Saffron | — |
| #fbf86c | #fbf86c | RGB(251, 248, 108) | Laser Lemon | — |
| #84641c | #84641c | RGB(132, 100, 28) | Golden Brown | — |
| #659ba9 | #659ba9 | RGB(101, 155, 169) | Crystal Blue | — |
| #9dadcd | #9dadcd | RGB(157, 173, 205) | Wild Blue Yonder | — |
| #2c4c4c | #2c4c4c | RGB(44, 76, 76) | Dark Slate Gray | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#edcb2b | #fbf86c | 1.42 |
#edcb2b | #659ba9 | 1.93 |
#edcb2b | #9dadcd | 1.41 |
#84641c | #659ba9 | 1.78 |
#84641c | #2c4c4c | 1.7 |
#659ba9 | #9dadcd | 1.36 |
Палітра із зображення Ui kit interaction design animation colors palette png
Експортувати палітру
Завантажте "Ui kit interaction design animation colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: