Создано 03/25/2023 12:59
Animation ui kit gif interaction design
- Steel Blue#2c84ac
- Costa Rica Blue#7abdde
- MSU Green#13434d
- Moss Green#93a75b
- Wild Blue Yonder#9abcca
- Dark Slate Gray#305a59
Палитра содержит светлый, полутемный цвета. Акцентные цвета Costa Rica Blue #7abdde да MSU Green #13434d. Палитра имеет цветовую температуру Холодный, Теплый.
По светлоте палитра тянется от #13434D (самый тёмный) до #9ABCCA (самый светлый). Диапазон светлоты умеренный.
Насыщенность в среднем диапазоне.
Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #13434D, #2C84AC, #305A59, #7ABDDE, #93A75B, #9ABCCA
Палитра Animation ui kit gif interaction design содержит комбинацию из 6 кодов цветов:
HEX: #2c84ac, RGB: (44, 132, 172); HEX: #7abdde, RGB: (122, 189, 222); HEX: #13434d, RGB: (19, 67, 77)
HEX: #93a75b, RGB: (147, 167, 91); HEX: #9abcca, RGB: (154, 188, 202); HEX: #305a59, RGB: (48, 90, 89)
Упрощенная версия цветов палитры
Оттенок steelblue, Оттенок skyblue, Оттенок darkslategrey, Оттенок darkkhaki, Оттенок lightblue, Тень darkslategrey
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Animation ui kit gif interaction design коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #2c84ac | #2c84ac | RGB(44, 132, 172) | Steel Blue | — |
| #7abdde | #7abdde | RGB(122, 189, 222) | Costa Rica Blue | — |
| #13434d | #13434d | RGB(19, 67, 77) | MSU Green | — |
| #93a75b | #93a75b | RGB(147, 167, 91) | Moss Green | — |
| #9abcca | #9abcca | RGB(154, 188, 202) | Wild Blue Yonder | — |
| #305a59 | #305a59 | RGB(48, 90, 89) | Dark Slate Gray | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#2c84ac | #93a75b | 1.58 |
#2c84ac | #305a59 | 1.83 |
#7abdde | #93a75b | 1.28 |
#7abdde | #9abcca | 1.02 |
#13434d | #305a59 | 1.41 |
#93a75b | #9abcca | 1.31 |
Изображение палитры Animation ui kit gif interaction design png
Экспорт палитры
Скачайте "Animation ui kit gif interaction design" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: