Saltar al contenido

Selector de color online

Elige un color de forma visual con el selector nativo del navegador y obtén al instante su valor en HEX, RGB y HSL.

Se procesa en tu dispositivo. Nada se envía a ningún servidor.

Elige un color para ver sus valores.

HEX

#0B6E63

RGB

rgb(11, 110, 99)

HSL

hsl(173, 82%, 24%)

Usa el input nativo type="color" del navegador y calcula automáticamente sus equivalentes en los tres formatos de color más usados en CSS.

Casos de uso

  • Elegir rápidamente un color y copiar su código CSS.
  • Explorar visualmente distintos tonos.
  • Obtener los tres formatos de un mismo color a la vez.

Cómo funciona

  1. 1

    Abre el selector

    Haz clic en el cuadro de color para abrir el selector nativo.

  2. 2

    Copia el formato que necesites

    Copia el valor en HEX, RGB o HSL con un clic.

Preguntas frecuentes

¿Qué formatos ofrece?

HEX, RGB y HSL simultáneamente, cada uno con su propio botón de copia.

¿En qué se diferencia del generador de colores aleatorios?

Este selector sirve para elegir tú mismo un color concreto de forma visual; si lo que quieres es un color al azar con un clic, usa el generador de colores aleatorios.

¿Funciona en el móvil?

Sí, usa el selector de color nativo del sistema, que en móvil se abre como el selector de color habitual de iOS o Android.

¿El color elegido se envía a algún servidor?

No, todo el cálculo de formatos ocurre en tu navegador.

← Colores y diseño