Guide:Color Palette

After selecting vector closed layers such as circles and rectangles in the design, you can use the color palette to fill in the colors. The following is a function-by-function explanation in the color palette:

color palette features explanation

1. In the upper left corner of the color palette, you can switch the fill effect: solid color, linear, radial, image fill.

2. Through this color bar, you can drag and drop the button to adjust the transition effect of the gradient fill.

3. Click the first button on the right side of the color bar, to invert the direction of the gradient color fill.

4. Click the second button on the right side of the color bar, to rotate the direction of the gradient color fill.

5. The white circle is the main color picker, click and drag the white circle to adjust the color.

6. Click the icon to use the color eyedropper function to grab the color of the canvas or any object.

7. Drag both two sliders left or right to adjust: the upper slider supports adjusting hue; the lower slider supports adjusting the transparency of the color.

8. Click the expand button below the slider to select the color value (HEX, RGB, and CSS mode).

color value of the color palette

9. Click the expand button to pick the "Basic colors", "Ant Design", "Apple iOS UI", "Material Design", "Document colors", and "Favorite colors".

- "Basic colors", "Ant Design", "Apple iOS UI", and "Material Design" are the configured color system, which can help you finish the color scheme for the design draft.

- Click ➕ on the right side in the "Favorite colors" selection to favorite your custom colors for quick reuse.

configured color system of the color palette