Summary  
This chapter explains how to manipulate color representations across different models (hex, RGB, HSL, HSB) and configure gradient fills by adding and positioning multiple color stops, adjusting their opacity, and choosing between linear, radial, angular, or diamond gradient modes and orientations.

General domain of usage  
UI/UX design

У Figma можна використовувати суцільні або градієнтні кольори для фігур і дизайнів.
- Перейдіть до панелі Design і натисніть на іконку Fill;
- Використовуйте Hue Spectrum, Hue Slider та Opacity Slider для налаштування кольорів.
### Системи значень кольорів, які ви побачите:

Type specific hexadecimal codes for colors

Define colors using Red, Green, and Blue channels

- Також можна скористатися інструментом **Eyedropper** для вибору кольорів зі сторінки або фрейму, або отримати доступ до збережених кольорів з інших проєктів через випадаюче меню;
- При виборі опції **Gradient Fill** у меню Fill з’явиться градієнтна панель;
- Можна налаштовувати **градієнтну панель**, змінюючи положення кольорових стопів, додаючи нові стопи, обертаючи градієнт, віддзеркалюючи його або змінюючи окремі кольори стопів і їхню прозорість за потреби.

Breaks colors into segments for a unique effect

Яка з наведених систем значень кольорів НЕ доступна у Figma?

Що відбувається, якщо встановити одну зупинку у градієнті на 0% непрозорості?

Сфокусований курс для початківців з макетування та цифрових дизайн-систем у Figma. Курс охоплює організацію об'єктів, створення візуальних елементів, розробку багаторазових компонентів, а також опанування сіток макетів і обмежень — забезпечуючи вас необхідними навичками для ефективного створення цифрових дизайн-систем у Figma.

Колір і градієнтна заливка у Figma: Опанування палітр для UI/UX дизайну

Системи значень кольорів, які ви побачите:

1. Яка з наведених систем значень кольорів НЕ доступна у Figma?

2. Що відбувається, якщо встановити одну зупинку у градієнті на 0% непрозорості?