Wix Editor: Finding the HEX, RGB and HSB Values of a Color on Your Site

2 min read
Simplify color management by viewing your site's exact color codes (HEX, RGB, and HSV values) and reusing them wherever needed. The color codes are readily available in the editor to help you create a polished, professional design.
screenshot of customize color theme panel with color swatch displayed.
In this article, learn how to view the HEX, RGB and HSB values of:
Tip:
Wix does not provide the CMYK value of a color, however there are many external tools available which allow you to convert a HEX, RGB or HSB value to a CMYK value.

Viewing the HEX, RGB and HSB values of a strip or page background

Quickly identify the color values on your strip or page background without guesswork.

To view the HEX, RGB and HSB values of a color on your site:

  1. Go to your editor.
  2. Go to the relevant page.
  3. Depending on what background you want to check, follow the steps:
    • Page:
      1. Click Site Design  on the left side of the editor.
      2. Click Page Background.
      3. Click Color.
    • Strip: 
      1. Select the strip on the page.
      2. Click Change Background
      3. Click Color.
  4. Hover over the relevant color and view the number on the bottom of the panel.
page background color picker.

Viewing the HEX, RGB and HSB values of your theme colors

Manage the color theme across your site to create a vibrant visual experience for your visitors

To view the HEX, RGB and HSB values of one of your theme colors:

  1. Go to your editor.
  2. Go to the relevant page.
  3. Click Site Design  on the left side of the editor.
  4. Click Page Background.
  5. Click Color.
  6. Click Edit next to Theme Colors.
  7. Hover over the relevant Base or Accent colors and click Edit Color.
  8. Click a color circle to view the HEX, RGB and HSB values.
screenshot of customize color theme panel in wix editor.

Did this help?

|