Openli
IntroductionGetting StartedTechnical DocumentationGet help
  • Getting started
    • Introduction
    • Dictionary
    • FAQ
      • IAB TCF v2.0
  • Privacy hub
    • How to create your privacy profile
    • How can I get an Openli Privacy Badge?
    • Vendor owners
    • Why are custom properties on vendors super valuable?
    • Setting up custom properties
  • Tasks
  • Cookie Consent Management
    • Quickstart
    • Checklist: Cookies
    • Cookie widget
      • Create a cookie policy
      • Create a cookie widget
      • Install the widget
      • Manually add any cookies
      • Customise your widget
      • How to get color codes
      • Set the widget language
      • Use custom link/button instead of Cookie Shield
      • Add company name to cookie pop-up
    • Categorise your cookies
    • Adding information to cookies
    • Adding information to your cookie providers
    • Blocking Cookies with Openli
    • Cookie expiration dates and lifespan
      • Changing expiration on Google Analytics cookies
  • Policy and agreement management
    • Generate your privacy policy
    • Changing an old cookie policy to a new on autopilot
    • Embed your policies and legal agreements
      • Embedding agreements without displaying a widget
    • Install the Privacy Badge
  • General Openli guides
    • Setting up SSO (Single Sign-On)
      • SSO with Azure AD (Microsoft)
      • SSO with Google
      • SSO with Okta
      • How to log in with SSO
    • Add a website to your Openli account
    • Using projects to handle multiple languages
    • Collect consents without storing IP addresses or user-agents
  • Technical documentation
    • Widget
      • Collect cookie consent
        • Blocking cookies
        • Blocking embedded media
        • Cookie-widget options
        • Consent state API
    • API
      • Services
        • Personal data
        • Subprocessors
    • Cookies set by Openli
  • System Specific Integration Guides
    • Cloudflare
  • Legacy integrations
    • Google Consent Mode
    • Google Tag Manager
      • Block cookies with GTM
      • Install Openli with GTM
      • Prevent triggers from firing in GTM
    • HubSpot
    • Pardot
    • Shopify
      • Install cookie widget
      • Integrate consent with checkout
    • Square Online
    • Squarespace
    • Webflow
    • Wix
Powered by GitBook
On this page
  • Hex colors
  • Use a color picker to get HEX code
  • Paste the color in the Widget builder
  • Done!
  1. Cookie Consent Management
  2. Cookie widget

How to get color codes

For customising the widget, you'll need to get the color codes for the colours you want to use. This simply guide will show you where and how you can pick your colors.

PreviousCustomise your widgetNextSet the widget language

Last updated 3 years ago

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 to find the color:

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

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:

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.

htmlcolorcodes.com
On htmlcolorcodes.com you can use their color picker to find the HEX code for your selected color.
We copy the color green with HEX code #56B682
We now changed the border color to HEX