Создано 03/31/2023 09:35
Figma ui kit user interface design
- Persian Green#0ab297
- Aquamarine#81f7e4
- Teal Green#088c74
- Shadow#937561
- Khaki (HTML/CSS)#ccb199
- Dark Slate Gray#345255
Палитра содержит светлый цвета. Акцентные цвета Persian Green #0ab297 да Khaki (HTML/CSS) #ccb199. Палитра имеет цветовую температуру Холодный, Теплый.
По светлоте палитра тянется от #345255 (самый тёмный) до #81F7E4 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #088C74, #0AB297, #345255, #81F7E4, #937561, #CCB199
Палитра Figma ui kit user interface design содержит комбинацию из 6 кодов цветов:
HEX: #0ab297, RGB: (10, 178, 151); HEX: #81f7e4, RGB: (129, 247, 228); HEX: #088c74, RGB: (8, 140, 116)
HEX: #937561, RGB: (147, 117, 97); HEX: #ccb199, RGB: (204, 177, 153); HEX: #345255, RGB: (52, 82, 85)
Упрощенная версия цветов палитры
Оттенок lightseagreen, Тень turquoise, Оттенок seashell, Оттенок Серый, Оттенок tan, Тень darkslategrey
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Figma ui kit user interface design коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #0ab297 | #0ab297 | RGB(10, 178, 151) | Persian Green | — |
| #81f7e4 | #81f7e4 | RGB(129, 247, 228) | Aquamarine | — |
| #088c74 | #088c74 | RGB(8, 140, 116) | Teal Green | — |
| #937561 | #937561 | RGB(147, 117, 97) | Shadow | — |
| #ccb199 | #ccb199 | RGB(204, 177, 153) | Khaki (HTML/CSS) | — |
| #345255 | #345255 | RGB(52, 82, 85) | Dark Slate Gray | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#0ab297 | #088c74 | 1.56 |
#0ab297 | #937561 | 1.57 |
#0ab297 | #ccb199 | 1.31 |
#81f7e4 | #ccb199 | 1.58 |
#088c74 | #937561 | 1.01 |
#937561 | #345255 | 1.99 |
Изображение палитры Figma ui kit user interface design png
Экспорт палитры
Скачайте "Figma ui kit user interface design" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: