> For the complete documentation index, see [llms.txt](https://docs.openli.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openli.com/docs/cookie-consent-management/cookie-widget/how-to-get-color-codes.md).

# How to get color codes

## Hex colors

Designers use HEX colors in web design. A HEX color is a six-digit combination of numbers and letters defined by its mix of red, green and blue. You might have seen them if you use CSS to style your website. 

### Use a color picker to get HEX code

If you do not know the code of your selected color, we recommend [htmlcolorcodes.com](https://htmlcolorcodes.com/) to find the color:

![On htmlcolorcodes.com you can use their color picker to find the HEX code for your selected color. ](/files/-MOVbuzaKfBM22UQ8jKF)

Once you have found your desired color, simply copy the code next to the **#**-sign:

![We copy the color green with HEX code #56B682](/files/-MOVdEkDeh5EccAocil8)

Now all you need to do is to paste it in the Openli Widget builder!

### Paste the color in the Widget builder

To use this code, paste in the appropriate field in the widget builder: 

![We now changed the border color to HEX](/files/-MOVeHuVIFqJRssJU6b6)

## Done!

That's it! Congratulations with your awesome-looking widget! Pat your self on the back and know that our privacy mascot Li is proud of you. 

![](/files/zs6pyohoGPpemrZGhYeD)