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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: