---
title: ¿Cómo saber el código HEX de un color?
description: Aprende que es un color hexadecimal, cómo obtenerlo y configurarlo como color principal en tu evento
---

[Ir directamente al contenido](https://help.meetmaps.com/es/cómo-saber-el-código-hex-de-un-color#main-content)

- [Español](https://help.meetmaps.com/es/c%C3%B3mo-saber-el-c%C3%B3digo-hex-de-un-color)
- [Inglés](https://help.meetmaps.com/en/how-to-know-the-hex-code-of-a-color)

Español

Traducciones de Mostrar submenú de

[![BLAU\_\_EMBLEMA PRINCIPAL-1](https://help.meetmaps.com/hs-fs/hubfs/BLAU__EMBLEMA%20PRINCIPAL-1.png?width=150&height=88&name=BLAU__EMBLEMA%20PRINCIPAL-1.png)](https://help.meetmaps.com/es?hsLang=es)

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

Abrir navegación principal

Cerrar navegación principal

- [Default HubSpot Blog](https://2228536.hs-sites.com/blog)
- - [Español](https://help.meetmaps.com/es/c%C3%B3mo-saber-el-c%C3%B3digo-hex-de-un-color)
    - [Inglés](https://help.meetmaps.com/en/how-to-know-the-hex-code-of-a-color)

  Español
  
  Traducciones de Mostrar submenú de
- [www.meetmaps.com](https://welcome.meetmaps.com/)

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

 ¿Cómo podemos ayudarte?

- No hay sugerencias porque el campo de búsqueda está vacío.

1. [Centro de ayuda](https://help.meetmaps.com/es?hsLang=es)
2. [Meetmaps Pro & Tips](https://help.meetmaps.com/es/meetmaps-pro-tips?hsLang=es)
3. [Miscelánea](https://help.meetmaps.com/es/meetmaps-pro-tips?hsLang=es#miscel%C3%A1nea)

# ¿Cómo saber el código HEX de un color?

## Aprende que es un color hexadecimal, cómo obtenerlo y configurarlo como color principal en tu evento

#### ¿Qué es el código HEX de un color?

Es el código que permite a una web poner un color exacto, ya que indica a la pantalla cuánto color mostrar. Se basa en el modelo de color RGB (utilizado desde los primeros días de la fotografía) y puede recrear cualquier color que el ojo pueda ver ya que asigna combinaciones de rojo, verde y azul. 

El código HEX consta de una # seguido de 6 símbolos alfanuméricos. 

**Códigos de colores hexadecimales populares *🎨***

- Blanco - #FFFFFF
- Negro - #000000
- Azul - #0000FF
- Verde - #008000
- Rojo - #FF0000

#### ¿Cómo obtener el código HEX de un color?

Desde Meetmaps recomendamos utilizar un plugin llamado **ColorZilla** que puedes instalar en tu **Google Chrome.** A continuación te explicamos como hacerlo: 

- Accede a "***[Chrome Web Store](https://chrome.google.com/webstore/category/extensions?hl=es-419)***".  
  ![](https://help.meetmaps.com/hs-fs/hubfs/undefined-Jul-04-2022-09-11-18-92-AM.png?width=580&name=undefined-Jul-04-2022-09-11-18-92-AM.png)
- En el buscador del apartado de "***Extensiones***", busca "[***ColorZilla***](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=es-419)"![](https://help.meetmaps.com/hubfs/undefined-Jul-04-2022-09-11-18-48-AM.png)
- Instala la extensión, haciendo click en **"*Agregar a Chrome"***, y luego te aparecerá un *pop-up* en la cual tendrás que hacer click en **"*****Añadir extensión".   
  ![](https://help.meetmaps.com/hs-fs/hubfs/undefined-Jul-04-2022-09-11-17-70-AM.png?width=620&name=undefined-Jul-04-2022-09-11-17-70-AM.png)***
  
  ![](https://help.meetmaps.com/hubfs/undefined-Jul-04-2022-09-11-17-54-AM.png)
- De esta manera, ya lo tendrás en la barra de búsqueda a la derecha, en la parte superior de tu pantalla. Recomendamos que hagas click en la chincheta para tenerlo siempre accesible desde el navegador.

![](https://help.meetmaps.com/hubfs/undefined-Jul-04-2022-09-11-17-36-AM.png)

Una vez instalado, cuando quieres detectar el código HEX de un color, haz click en la pipeta y selecciona la opción "**Pick Color From Page**".  Cuando pases el cursor por el color que deseas conocer el código aparecerá una barra superior negra donde saldrá primero el código RGB y después el **código HEX**. Si haces click quedará guardado en tu clipboard o lo puedes anotar en tu bloc de notas.

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

#### ¿Cómo y dónde usamos este código en *Meetmaps🚀*?

El código HEX se utiliza para definir el color oficial del evento. El color principal es el color que utilizará la plataforma para personalizar ciertos botones, menús y algunas pantallas donde no haya imagen. 

A continuación descubre cuáles son los sitios donde puedes poner definir el color principal:

- **Web 🖥️ & App📱:**   
  ➡️ En el **panel App & Web** haz click en **Configuración**y selecciona la pestaña **Diseño*****.***  Allí encontrarás la opción de **Color principal*****.***

![Sin título-Oct-07-2025-09-36-58-1224-AM](https://help.meetmaps.com/hs-fs/hubfs/Sin%20t%C3%ADtulo-Oct-07-2025-09-36-58-1224-AM.png?width=688&height=319&name=Sin%20t%C3%ADtulo-Oct-07-2025-09-36-58-1224-AM.png)

- **Landing Page🌎:**  
  ➡️ En el **panel de Registro** haz click en**Landing** *y* en la sección de **Diseño**encontrarás la opción de**Color***.*

**IMPORTANTE** ❗ La Landing Page permite que tengas un color principal diferente al color principal que has definido para el Evento Virtual o App. En caso de que no pongas ninguno aquí, por defecto cogerá el que tengas puesto en Configuración/Diseño. 

![Sin título-Oct-07-2025-09-42-19-0576-AM](https://help.meetmaps.com/hs-fs/hubfs/Sin%20t%C3%ADtulo-Oct-07-2025-09-42-19-0576-AM.png?width=688&height=322&name=Sin%20t%C3%ADtulo-Oct-07-2025-09-42-19-0576-AM.png)

- **Formulario de Registro📝:**   
  ➡️ En el **panel de Registro** haz click en **Formulario de Registro**y en la sección de **Diseño**encontrarás la opción de **Color***.*

**IMPORTANTE** ❗ El Formulario de Registro permite que tengas un color principal diferente al color principal que has definido para el Evento Virtual o App. En caso de que no pongas ninguno aquí, por defecto cogerá el que tengas puesto en Configuración/Diseño. 

*![Sin título-Oct-07-2025-09-44-18-2747-AM](https://help.meetmaps.com/hs-fs/hubfs/Sin%20t%C3%ADtulo-Oct-07-2025-09-44-18-2747-AM.png?width=688&height=320&name=Sin%20t%C3%ADtulo-Oct-07-2025-09-44-18-2747-AM.png)*

- [Primeros pasos](https://help.meetmaps.com/es/primeros-pasos?hsLang=es#main-content)

    - [Cuenta Meetmaps](https://help.meetmaps.com/es/primeros-pasos?hsLang=es#cuenta-meetmaps)
    - [Branding](https://help.meetmaps.com/es/primeros-pasos?hsLang=es#branding)
    - [Onboarding](https://help.meetmaps.com/es/primeros-pasos?hsLang=es#onboarding)
- [Gestión del evento](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#main-content)

    - [Métricas](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#m%C3%A9tricas)
    - [Configuración](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#configuraci%C3%B3n)
    - [Información general](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#informaci%C3%B3n-general)
    - [Módulos](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#m%C3%B3dulos)
    - [Lista de asistentes](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#lista-de-asistentes)
    - [Propiedades](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#propiedades)
    - [Emails](https://help.meetmaps.com/es/gesti%C3%B3n-del-evento?hsLang=es#emails)
- [Información del evento](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#main-content)

    - [Home](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#home)
    - [Agenda](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#agenda)
    - [Streaming](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#streaming)
    - [Ponentes](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#ponentes)
    - [Contacto](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#contacto)
    - [Documentos](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#documentos)
    - [Galería de Videos](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#galer%C3%ADa-de-videos)
    - [Patrocinadores](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#patrocinadores)
    - [Expositores](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#expositores)
    - [Expositores Premium](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#expositores-premium)
    - [Abstracts](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#abstracts)
    - [Productos](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#productos)
    - [Espacios Virtuales](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#espacios-virtuales)
    - [Páginas HTML](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#p%C3%A1ginas-html)
    - [Repositorio de imágenes](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#repositorio-de-im%C3%A1genes)
    - [Noticias](https://help.meetmaps.com/es/informaci%C3%B3n-del-evento?hsLang=es#noticias)
- [Interacción en el evento](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#main-content)

    - [Notificaciones](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#notificaciones)
    - [Encuestas](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#encuestas)
    - [Galería de Fotos](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#galer%C3%ADa-de-fotos)
    - [Votaciones](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#votaciones)
    - [Preguntas al ponente](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#preguntas-al-ponente)
    - [Canales](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#canales)
    - [Documentos de asistentes](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#documentos-de-asistentes)
    - [Lead scanner](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#lead-scanner)
    - [Gamificación](https://help.meetmaps.com/es/interacci%C3%B3n-en-el-evento?hsLang=es#gamificaci%C3%B3n)
- [Registro & Control de Accesos](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#main-content)

    - [Landing](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#landing)
    - [Formulario de Registro](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#formulario-de-registro)
    - [Entradas](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#entradas)
    - [Pagos](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#pagos)
    - [Facturas](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#facturas)
    - [Check in](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#check-in)
    - [Badge Builder](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#badge-builder)
    - [Certificados](https://help.meetmaps.com/es/registro-control-de-accesos?hsLang=es#certificados)
- [Meetings](https://help.meetmaps.com/es/meetings?hsLang=es#main-content)

    - [Meetings 1to1 (entre asistentes)](https://help.meetmaps.com/es/meetings?hsLang=es#meetings-1to1-entre-asistentes)
    - [Meetings en expositores (stands)](https://help.meetmaps.com/es/meetings?hsLang=es#meetings-en-expositores-stands)
- [App Branded](https://help.meetmaps.com/es/app-branded?hsLang=es#main-content)

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

    - [Miscelánea](https://help.meetmaps.com/es/meetmaps-pro-tips?hsLang=es#miscel%C3%A1nea)
    - [Web](https://help.meetmaps.com/es/meetmaps-pro-tips?hsLang=es#web)
    - [Recursos para admins de expositores premium](https://help.meetmaps.com/es/meetmaps-pro-tips?hsLang=es#recursos-para-admins-de-expositores-premium)

[![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/)

<https://www.linkedin.com/company/meetmaps/> <https://www.instagram.com/meetmaps/>

###### Copyright © 2026, Meetmaps