¿Esta herramienta se ejecuta en mi navegador?

Sí. El selector de color se ejecuta completamente en tu navegador sin comunicación con el servidor. Todas las conversiones ocurren localmente en tu dispositivo.

¿Qué formatos de color son compatibles?

Esta herramienta admite formatos de color HEX, RGB, HSL y HSB. Puedes ingresar un valor en cualquier formato y ver instantáneamente los equivalentes en todos los demás.

¿Puedo seleccionar un color de mi pantalla?

Sí. En los navegadores compatibles, puedes usar el cuentagotas integrado para seleccionar cualquier color visible en tu pantalla.

Selector de color

Selecciona colores y convierte entre HEX, RGB, HSL

Tus datos nunca salen de tu dispositivo

HEX

#059669

RGB

rgb(5, 150, 105)

HSL

hsl(161, 94%, 30%)

RGBA

rgba(5, 150, 105, 1)

Tonos

Armonías

Complementario

Análogo

Triádico

Complementario dividido

Verificador de relación de contraste

Primer plano (texto)

Fondo

Texto normal (16px)

Texto grande (24px negrita)

Relación

21:1

Aprobado

AA Normal

4.5:1

Aprobado

AA Grande

3:1

Aprobado

AAA Normal

7:1

Aprobado

AAA Grande

4.5:1

Código de salida

Variable CSS

--color-custom: #059669;

Tailwind

emerald-600 (coincidencia exacta)

Preguntas Frecuentes

¿Esta herramienta se ejecuta en mi navegador?

Sí. El selector de color se ejecuta completamente en tu navegador sin comunicación con el servidor. Todas las conversiones ocurren localmente en tu dispositivo.
¿Qué formatos de color son compatibles?

Esta herramienta admite formatos de color HEX, RGB, HSL y HSB. Puedes ingresar un valor en cualquier formato y ver instantáneamente los equivalentes en todos los demás.
¿Puedo seleccionar un color de mi pantalla?

Sí. En los navegadores compatibles, puedes usar el cuentagotas integrado para seleccionar cualquier color visible en tu pantalla.