Available for: All plans
How to Set Box Colors
You can set colors for boxes placed on a page using predefined project colors or specifying colors with RGBA or HEX codes. This article explains how to select and set colors.
Choosing Colors
You can select colors using the following methods:
Solid Colors & Gradients
Switch between solid colors and gradients using the button in the center of the menu.
For gradients, you can add or adjust colors and set angles. To remove a color, hover over it and click [×].
Transparent (No Fill)
Use this option to make a box transparent or remove its fill color.
Default Colors
Access sample solid and gradient colors by clicking the button on the left side of the menu. You can fine-tune these colors after selection.
My Colors
Frequently used colors can be saved in My Colors. However, note that starting March 13, 2025, new color registrations in My Color will no longer be supported, and the feature will be discontinued by late April 2025. Please use Color Styles instead. Learn more about this change.
RGBA & HEX Codes
Specify colors using RGBA values or HEX codes by switching modes with the button on the right side of the menu. This allows for precise color matching with other tools.
What are RGBA and HEX?
RGBA: Defines colors using Red (R), Green (G), Blue (B), and Alpha (A) for transparency (e.g.,
rgba(255, 0, 0, 0.5)for semi-transparent red).HEX: Uses hexadecimal codes like
#FFFFFFfor white or#000000for black.
Color Styles
Save frequently used colors as Color Styles for easy reuse across your project. This eliminates the need to repeatedly input color codes. Learn how to set up Color Styles.
Color Picker
Extract colors directly from designs or images by using the color picker tool in the editor.
Default Colors
Click the button on the left center of the color palette to display sample colors for both solid and gradient options in palette format. Colors selected here can be fine-tuned.
How to Apply Colors to Boxes
Follow these steps to set a color for your box:
Select a Box:
Click on a box to select it. To select multiple boxes, hold
Shiftwhile clicking each box.
Apply a Color:
Hover over [Fill] in the style bar at the top of the editor and choose your desired color from any of the methods above.
