---
title: How to know the HEX code of a color?
description: Learn what a hexadecimal color is, how to obtain it and set it as the main color in your event
---

[Skip to content](https://help.meetmaps.com/en/how-to-know-the-hex-code-of-a-color#main-content)

- [English](https://help.meetmaps.com/en/how-to-know-the-hex-code-of-a-color)
- [Español](https://help.meetmaps.com/es/cómo-saber-el-código-hex-de-un-color)

English

Show submenu for translations

[![logotipo\_centro\_de\_ayuda (1)-1](https://help.meetmaps.com/hs-fs/hubfs/logotipo_centro_de_ayuda%20(1)-1.png?width=150&height=31&name=logotipo_centro_de_ayuda%20(1)-1.png)](https://help.meetmaps.com/en?hsLang=en)

- [Default HubSpot Blog](https://2228536.hs-sites.com/blog)

Open main navigation

Close main navigation

- [Default HubSpot Blog](https://2228536.hs-sites.com/blog)
- - [English](https://help.meetmaps.com/en/how-to-know-the-hex-code-of-a-color)
    - [Español](https://help.meetmaps.com/es/cómo-saber-el-código-hex-de-un-color)

  English
  
  Show submenu for translations
- [www.meetmaps.com](https://welcome.meetmaps.com/en/)

[www.meetmaps.com](https://welcome.meetmaps.com/en/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://help.meetmaps.com/en?hsLang=en)
2. [Meetmaps Pro & Tips](https://help.meetmaps.com/en/meetmaps-pro-tips?hsLang=en)
3. [Miscellanea](https://help.meetmaps.com/en/meetmaps-pro-tips?hsLang=en#miscellanea)

# How to know the HEX code of a color?

## Learn what a hexadecimal color is, how to obtain it and set it as the main color in your event

#### What is the HEX code of a color?

It is the code that allows a website to put an exact color, since it tells the screen how much color to show. It is based on the RGB color model (used since the early days of photography) and can recreate any color the eye can see by assigning combinations of red, green, and blue.

The HEX code consists of a # followed by 6 alphanumeric symbols.

**NOTE 🗒️: Popular Hexadecimal Color Codes 🎨**

- White - #FFFFFF
- Black - #000000
- Blue - #0000FF
- Green- #008000
- Red- #FF0000

#### How to get the HEX code of a color?

From Meetmaps we recommend using a plugin called **ColorZilla** that you can install in your **Google Chrome**. Here we explain how to do it:

- Go to "***[Chrome Web Store](https://chrome.google.com/webstore/category/extensions?hl=en)***".

![1. Google store](https://help.meetmaps.com/hs-fs/hubfs/1.%20Google%20store.png?width=688&height=366&name=1.%20Google%20store.png)

- In the search engine of the *"**Extensions***" section, look for "[***ColorZilla***](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en)".

![2. Colorzilla](https://help.meetmaps.com/hs-fs/hubfs/2.%20Colorzilla.png?width=688&height=336&name=2.%20Colorzilla.png)

- Install the extension, clicking on *"**Add to Chrome***", and then a pop-up will appear in which you will have to click on "***Add extension***".

![3. Add extension](https://help.meetmaps.com/hs-fs/hubfs/3.%20Add%20extension.png?width=688&height=235&name=3.%20Add%20extension.png)

- This way, you will already have it in the search bar on the right, at the top of your screen. We recommend that you click on the thumbtack to always have it accessible from the browser.

![4-Feb-14-2024-04-15-54-1915-PM](https://help.meetmaps.com/hs-fs/hubfs/4-Feb-14-2024-04-15-54-1915-PM.png?width=688&height=129&name=4-Feb-14-2024-04-15-54-1915-PM.png)

- Once installed, when you want to detect the HEX code of a color, click on the pipette and select the "***Pick Color From Page***" option. When you pass the cursor over the color you want to know the code, a black upper bar will appear where the RGB code will appear first and then the **HEX code**. If you click it will be saved on your clipboard or you can write it down in your notepad.

![5-Feb-14-2024-04-16-42-2642-PM](https://help.meetmaps.com/hs-fs/hubfs/5-Feb-14-2024-04-16-42-2642-PM.png?width=688&height=218&name=5-Feb-14-2024-04-16-42-2642-PM.png)

#### How and where do we use this code in Meetmaps🚀?

The HEX Code is used to define the official color of the event. The main color is the color that the platform will use to customize certain buttons, menus and some screens where there is no image.

Next, discover which are the places where you can define the main color:

- **Web 🖥️ and App 📱:**  
  ➡️ In the **App & Web Panel** click on**Settings,** *s*elect the **Design** tab and there you will find the **Main Color** option.

![Sin título-Oct-07-2025-01-43-46-2784-PM](https://help.meetmaps.com/hs-fs/hubfs/Sin%20t%C3%ADtulo-Oct-07-2025-01-43-46-2784-PM.png?width=688&height=320&name=Sin%20t%C3%ADtulo-Oct-07-2025-01-43-46-2784-PM.png)

- **Landing Page🌎:**  
  ➡️ In the **Registration Dashboard** click on **Landing** and then **Design** section you will find the **Color** option.

**IMPORTANT ❗:** The Landing Page allows you to have a main color different from the main color that you have defined for the Virtual Event or App. In case you do not put any here, by default it will take the one you have set in Configuration / Design.

![Sin título-Oct-07-2025-01-49-16-7472-PM](https://help.meetmaps.com/hs-fs/hubfs/Sin%20t%C3%ADtulo-Oct-07-2025-01-49-16-7472-PM.png?width=688&height=316&name=Sin%20t%C3%ADtulo-Oct-07-2025-01-49-16-7472-PM.png)

- **Registration Form**📝:  
  ➡️ Select the **Registration Dashboard.** In the side menu click on **Registration Form** and in the section **Custom** you will find the **Color** option.

![Sin título-Oct-07-2025-01-50-29-7751-PM](https://help.meetmaps.com/hs-fs/hubfs/Sin%20t%C3%ADtulo-Oct-07-2025-01-50-29-7751-PM.png?width=688&height=320&name=Sin%20t%C3%ADtulo-Oct-07-2025-01-50-29-7751-PM.png)

**IMPORTANT ❗:** The Registration Form allows you to have a main color different from the main color that you have defined for the Virtual Event or App. In case you do not put any here, by default it will take the one you have set in Configuration / Design.

 

 

- [First steps](https://help.meetmaps.com/en/first-steps?hsLang=en#main-content)

    - [Meetmaps Account](https://help.meetmaps.com/en/first-steps?hsLang=en#meetmaps-account)
    - [Branding](https://help.meetmaps.com/en/first-steps?hsLang=en#branding)
    - [Onboarding](https://help.meetmaps.com/en/first-steps?hsLang=en#onboarding)
- [Event Management](https://help.meetmaps.com/en/event-management?hsLang=en#main-content)

    - [Metrics](https://help.meetmaps.com/en/event-management?hsLang=en#metrics)
    - [Settings](https://help.meetmaps.com/en/event-management?hsLang=en#settings)
    - [General information](https://help.meetmaps.com/en/event-management?hsLang=en#general-information)
    - [Modules](https://help.meetmaps.com/en/event-management?hsLang=en#modules)
    - [Attendee List](https://help.meetmaps.com/en/event-management?hsLang=en#attendee-list)
    - [Properties](https://help.meetmaps.com/en/event-management?hsLang=en#properties)
    - [Emails](https://help.meetmaps.com/en/event-management?hsLang=en#emails)
- [Event information](https://help.meetmaps.com/en/event-information?hsLang=en#main-content)

    - [Home](https://help.meetmaps.com/en/event-information?hsLang=en#home)
    - [Agenda](https://help.meetmaps.com/en/event-information?hsLang=en#agenda)
    - [Streaming](https://help.meetmaps.com/en/event-information?hsLang=en#streaming)
    - [Speakers](https://help.meetmaps.com/en/event-information?hsLang=en#speakers)
    - [Contact](https://help.meetmaps.com/en/event-information?hsLang=en#contact)
    - [Documents](https://help.meetmaps.com/en/event-information?hsLang=en#documents)
    - [Video gallery](https://help.meetmaps.com/en/event-information?hsLang=en#video-gallery)
    - [Sponsors](https://help.meetmaps.com/en/event-information?hsLang=en#sponsors)
    - [Exhibitors](https://help.meetmaps.com/en/event-information?hsLang=en#exhibitors)
    - [Premium Exhibitors](https://help.meetmaps.com/en/event-information?hsLang=en#premium-exhibitors)
    - [Abstracts](https://help.meetmaps.com/en/event-information?hsLang=en#abstracts)
    - [Products](https://help.meetmaps.com/en/event-information?hsLang=en#products)
    - [Virtual spaces](https://help.meetmaps.com/en/event-information?hsLang=en#virtual-spaces)
    - [Pages HTML](https://help.meetmaps.com/en/event-information?hsLang=en#pages-html)
    - [Images](https://help.meetmaps.com/en/event-information?hsLang=en#images)
    - [News](https://help.meetmaps.com/en/event-information?hsLang=en#news)
- [Interaction in the event](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#main-content)

    - [Notifications](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#notifications)
    - [Survey](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#survey)
    - [Photo Gallery](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#photo-gallery)
    - [Live polls](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#live-polls)
    - [Q & A](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#q-a)
    - [Channels](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#channels)
    - [Attendees documents](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#attendees-documents)
    - [Lead scanner](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#lead-scanner)
    - [Gamification](https://help.meetmaps.com/en/interaction-in-the-event?hsLang=en#gamification)
- [Registration & Access control](https://help.meetmaps.com/en/registration-access-control?hsLang=en#main-content)

    - [Landing](https://help.meetmaps.com/en/registration-access-control?hsLang=en#landing)
    - [Registration Form](https://help.meetmaps.com/en/registration-access-control?hsLang=en#registration-form)
    - [Tickets](https://help.meetmaps.com/en/registration-access-control?hsLang=en#tickets)
    - [Payments](https://help.meetmaps.com/en/registration-access-control?hsLang=en#payments)
    - [Invoices](https://help.meetmaps.com/en/registration-access-control?hsLang=en#invoices)
    - [Check in](https://help.meetmaps.com/en/registration-access-control?hsLang=en#check-in)
    - [Badge Builder](https://help.meetmaps.com/en/registration-access-control?hsLang=en#badge-builder)
    - [Certificates](https://help.meetmaps.com/en/registration-access-control?hsLang=en#certificates)
- [Meetings](https://help.meetmaps.com/en/meetings?hsLang=en#main-content)

    - [Meetings 1to1 (between attendees)](https://help.meetmaps.com/en/meetings?hsLang=en#meetings-1to1-between-attendees)
    - [Meetings in exhibitors (stands)](https://help.meetmaps.com/en/meetings?hsLang=en#meetings-in-exhibitors-stands)
- [App Branded](https://help.meetmaps.com/en/app-branded?hsLang=en#main-content)

    - [Launch](https://help.meetmaps.com/en/app-branded?hsLang=en#launch)
    - [Apple](https://help.meetmaps.com/en/app-branded?hsLang=en#apple)
    - [Android](https://help.meetmaps.com/en/app-branded?hsLang=en#android)
- [Meetmaps Pro & Tips](https://help.meetmaps.com/en/meetmaps-pro-tips?hsLang=en#main-content)

    - [Miscellanea](https://help.meetmaps.com/en/meetmaps-pro-tips?hsLang=en#miscellanea)
    - [Web](https://help.meetmaps.com/en/meetmaps-pro-tips?hsLang=en#web)
    - [Resources for premium exhibitor admins](https://help.meetmaps.com/en/meetmaps-pro-tips?hsLang=en#resources-for-premium-exhibitor-admins)

[![meetmaps.com](https://help.meetmaps.com/hs-fs/hubfs/isotipo_lila_centro_de_ayuda.png?width=44&height=46&name=isotipo_lila_centro_de_ayuda.png "meetmaps.com")](https://welcome.meetmaps.com/en/)

Copyright © 2026, Meetmaps