Use the Color Picker

颜色选择器是编辑器的一个功能，可让您管理文本、背景、叠加层等的配色方案。您可以从调色板中选择颜色，输入十六进制或 RGB 值，甚至可以创建自定义渐变。最近使用的颜色功能将帮助您保持配色方案的一致性，并保持网站的专业外观和感觉。

When working with the Color Picker, you have the following options:

Color style

Before you pick the color scheme, you need to choose where you want to use single color or a gradient.

If you are using single color option, you can pick a color from Recent colors tab or jump to Choose another color.

Gradient background will be an available option for row, column and widget backgrounds and image overlays. To apply a gradient, make sure to:

• Pick 2 colors of the gradient stops
• You can reverse the colors to adjust the stops positioning
• Choose gradient direction
• Center option will generate radial gradient
• Side options will create linear gradient

Theme Colors

Theme colors allow you to define a color palette and link the individual colors to any or all widget with color settings. The color of any element that is linked to the theme colors will automatically be updated when the linked color is changed in the theme colors settings. This allows you to quickly make color changes, which helps reduce design time and ensures your site's style is consistent across pages.

Saved Colors

Save colors that are frequently used across your site by adding them to the Saved Colors list in the color picker.

To add a color to the saved colors, click the Saved Colors tab on the color picker and click the + icon. To remove a color from the Saved Colors list, right-click the color and select Remove.

TIP: You can save up to 48 colors and gradients in the Saved Colors list.

最近的颜色

When picking a color, the recent colors menu shows a sample of colors that were recently used in your site. This allows you to quickly pick colors that are already on your site.

Choose Another Color

Select a color's hue using the color palette on the right or the color panel. Alternatively, you can enter the HEX or RGB value of the color you want in text box below the vertical color gradient.

To match a color perfectly from anywhere on your site (images, texts, and so on), click the eyedropper () tool and select the color from your site you want to use. No need to spend any time trying to figure out a color’s exact name or value.

Opacity

不透明度滑块决定元素的透明度。请记住，当您降低元素的不透明度时，其后面的任何内容（背景图像或颜色）都将开始与该元素混合。

Considerations

• Gradient is not available for text elements, so you will not see it in a Color Picker for text elements in widgets design editor of Theme tab.
• When working with backgrounds, switching between Color and Image will set the settings on the previous option to null. To give an example, if you were using a color and changed the setting to Image, any color or gradient settings will be removed.
• Gradients override individual button backgrounds. To change them back, reselect the background for individual buttons.
  

Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page