VOOZH about

URL: https://support.google.com/webdesigner/answer/9643956

⇱ Using color swatches - Google Web Designer Help


Skip to main content

Using color swatches

The color swatch palette contains a number of colors by default, and also lets you save colors or gradients for easy reuse within the document.

👁 Image

To save a color swatch:

  1. Select the color or gradient that you want to save.
  2. On the Color panel, select the Swatches 👁 Image
    button.
  3. Click the Add swatch 👁 Image
    button.

To use a color swatch:

  1. On the Color panel, select the Swatches 👁 Image
    button.
  2. Select the color or gradient that you want to use.

To delete a color swatch:

  1. On the Color panel, select the Swatches 👁 Image
    button.
  2. Select the swatch you want to delete from the palette. The default swatches can't be removed.
  3. Click the Delete 👁 Image
    button.

Extracting colors from images

Google Web Designer can generate a set of color swatches based on an image. These exact colors may not be present within the image, but compose a suggested palette that complements the image.

Only images with local sources are supported.

👁 Image
👁 Image

To extract colors from an image:

Use one of the following methods:

  • Right-click the image and select Extract colors from image from the pop-up menu.
  • Select an image. On the Color panel, select the Swatches 👁 Image
    button and click the Extract image colors 👁 Image
    button at the bottom of the panel.

The Color panel displays the color swatch palette with 5 new color swatches added. You can use these colors like any other swatches.

👁 Image

Was this helpful?

How can we improve it?
true
Search
Clear search
Close search
Google apps
Main menu
730971363078256317
true
Search Help Center
false
true
true
true
true
true
5050422
false
false
false
false
false