Would you like to use the color picker in Elementor ?

Elementor vient de publish a new feature, Color picker. This feature is quite handy because now you can use the same color on any part of your Website with just one click. It is therefore no longer necessary to manually paste the hexadecimal code as before.

But how do you use this feature? Read on to find out.

Read also: How to use global fonts in Elementor

In case you forgot, there are over 10 million colors in this world. In the web world, a color can be represented with a hexadecimal code or an RGB code. Elementor itself supports both color codes. To use the same color, you can copy the hex code or RGB code of the color you want and paste the code in any part you want to use the color on.

It was before.

With the color pickerElementor, you can now save a certain color and use it over and over again every time you work with Elementor's editor. With just one click. This new feature is pretty cool because finding a suitable color is one of the tricky tasks in web design, other than choosing a font.

See also: How to use global colors in Elementor

How to use Elementor's color picker

To use Elementor's color picker, first add a widget as usual. Once the widget is added, go to the tab Style on the left panel. Choose any setting that involves color (for example, text color or background color).

Read also: How to create a file upload form in Elementor

Choose your favorite color on the color picker. Once you've found a suitable color, click the plus button inside the color picker.

You will be asked to confirm if you want to create a new global color. Enter a new name and click the button Create.

How to use the color picker in Elementor

From now on, you can reuse the color you just added above whenever you want to set a color on Elementor. Whether it's background color, font color, or other settings that involve color.

Read also: How to add pagination in Elementor

To prove it, you can look for another element that accepts the color such as the title, you can reuse that color as you see fit.

How to use the color picker in Elementor

If you then wish to manage these colors we recommend that you read our guide on How to use global colors in Elementor

Final words

In web design, choosing a color is one of the difficult tasks other than choosing a font. Once a suitable color is found, you typically copy the hex code or the RGB code to use it on other parts of the page you are working on.

See also: How to add a table of contents in Elementor

With Elementor's color picker, this old method no longer applies. You can now save a certain color and reuse it with one click, instead of pasting the hex code.

Get Elementor Pro Now!

Conclusion

Here is ! That's it for this article which shows you how to use the color picker in Elementor. If you have any concerns on how to get there flet us know in the Comments.

However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.

But meanwhile, share this article on your different social networks.

...