Создано 03/28/2023 08:40
Gif interaction design ui kit palette
- Saffron#ebca31
- Laser Lemon#fbf86e
- Field Drab#6e5023
- Steel Teal#5e7994
- Lavender Gray#c4b6cf
- Dark Slate Gray#34505c
Палитра содержит светлый, полутемный цвета. Акцентные цвета Laser Lemon #fbf86e да Dark Slate Gray #34505c. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #34505C (самый тёмный) до #C4B6CF (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #34505C, #5E7994, #6E5023, #C4B6CF, #EBCA31, #FBF86E
Палитра Gif interaction design ui kit palette содержит комбинацию из 6 кодов цветов:
HEX: #ebca31, RGB: (235, 202, 49); HEX: #fbf86e, RGB: (251, 248, 110); HEX: #6e5023, RGB: (110, 80, 35)
HEX: #5e7994, RGB: (94, 121, 148); HEX: #c4b6cf, RGB: (196, 182, 207); HEX: #34505c, RGB: (52, 80, 92)
Упрощенная версия цветов палитры
Оттенок gold, Тень Желтый, Оттенок saddlebrown, Оттенок slategrey, Оттенок thistle, Тень darkslategrey
Цветовая схема создана автором hex
Коды цветов в палитре
Gif interaction design ui kit palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ebca31 | #ebca31 | RGB(235, 202, 49) | Saffron | — |
| #fbf86e | #fbf86e | RGB(251, 248, 110) | Laser Lemon | — |
| #6e5023 | #6e5023 | RGB(110, 80, 35) | Field Drab | — |
| #5e7994 | #5e7994 | RGB(94, 121, 148) | Steel Teal | — |
| #c4b6cf | #c4b6cf | RGB(196, 182, 207) | Lavender Gray | — |
| #34505c | #34505c | RGB(52, 80, 92) | Dark Slate Gray | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ebca31 | #fbf86e | 1.43 |
#ebca31 | #c4b6cf | 1.19 |
#fbf86e | #c4b6cf | 1.71 |
#6e5023 | #5e7994 | 1.63 |
#6e5023 | #34505c | 1.15 |
#5e7994 | #34505c | 1.89 |
Изображение палитры Gif interaction design ui kit palette png
Экспорт палитры
Скачайте "Gif interaction design ui kit palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: