Создано 07/25/2022 10:38
Web design ui figma colors palette
- Ultramarine Blue#3c54f4
- Orange-Yellow (Crayola)#f5cc66
- Brown Chocolate#61242e
- Moss Green#81a853
- Pastel Gray#d5d7ba
- Liver Chestnut (Horses)#5d3734
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Ultramarine Blue #3c54f4 да Orange-Yellow (Crayola) #f5cc66. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #61242E (самый тёмный) до #D5D7BA (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #3C54F4, #5D3734, #61242E, #81A853, #D5D7BA, #F5CC66
Палитра Web design ui figma colors palette содержит комбинацию из 6 кодов цветов:
HEX: #3c54f4, RGB: (60, 84, 244); HEX: #f5cc66, RGB: (245, 204, 102); HEX: #61242e, RGB: (97, 36, 46)
HEX: #81a853, RGB: (129, 168, 83); HEX: #d5d7ba, RGB: (213, 215, 186); HEX: #5d3734, RGB: (93, 55, 52)
Упрощенная версия цветов палитры
Оттенок slateblue, Тень gold, Тень Бордовый, Тень olivedrab, Оттенок beige, Тень Бордовый
Цветовая схема создана автором colorswall
Коды цветов в палитре
Web design ui figma colors palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3c54f4 | #3c54f4 | RGB(60, 84, 244) | Ultramarine Blue | — |
| #f5cc66 | #f5cc66 | RGB(245, 204, 102) | Orange-Yellow (Crayola) | — |
| #61242e | #61242e | RGB(97, 36, 46) | Brown Chocolate | — |
| #81a853 | #81a853 | RGB(129, 168, 83) | Moss Green | — |
| #d5d7ba | #d5d7ba | RGB(213, 215, 186) | Pastel Gray | — |
| #5d3734 | #5d3734 | RGB(93, 55, 52) | Liver Chestnut (Horses) | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#3c54f4 | #5d3734 | 1.82 |
#f5cc66 | #81a853 | 1.79 |
#f5cc66 | #d5d7ba | 1.03 |
#61242e | #5d3734 | 1.14 |
#81a853 | #d5d7ba | 1.86 |
Изображение палитры Web design ui figma colors palette png
Экспорт палитры
Скачайте "Web design ui figma colors palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: