# 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. ](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRMQvUsiQMLNstTU-cS%2F-MOVaAp-vxY_iiUg4ZuZ%2F-MOVbuzaKfBM22UQ8jKF%2Fimage.png?alt=media\&token=84b04f59-46df-478a-9191-5b5f13568ede)

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

![We copy the color green with HEX code #56B682](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRMQvUsiQMLNstTU-cS%2F-MOVaAp-vxY_iiUg4ZuZ%2F-MOVdEkDeh5EccAocil8%2Fimage.png?alt=media\&token=1aff3186-74b7-47ed-80da-7019bccb0c9e)

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](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRMQvUsiQMLNstTU-cS%2F-MOVaAp-vxY_iiUg4ZuZ%2F-MOVeHuVIFqJRssJU6b6%2Fimage.png?alt=media\&token=a7092098-1729-4f2d-ae53-73405d4b0001)

## 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. 

![](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LRMQvUsiQMLNstTU-cS%2Fuploads%2FP5L9Hk7egE96nLzqpVuv%2Fcookie-openli.png?alt=media\&token=cc21774f-ca82-4bf0-9308-2a0b2cf7f9d1)