Diseño En tu dispositivo · Sin subida

Selector y convertidor de colores gratuito

Elige colores visualmente o convierte entre HEX, RGB, HSL, HSV y CMYK. Copia cualquier formato al instante.

El Selector y Conversor de Colores elige colores visualmente y convierte entre HEX, HEX8, RGB, RGBA, HSL, HSLA, HSV y CMYK con copia en un clic por formato. Genera armonías de color (complementaria, análoga, tríada, complementaria dividida, tétrada), guarda favoritos e incluye un generador de gradientes lineal/radial integrado. Todo en tu navegador. Creado por FreeToolHub.

Matiz
Opacidad
HEX
HEX8
RGB
RGBA
HSL
HSLA
HSV
CMYK
CSS

Armonías de colores

Complementario
Análogo
Triádico
Complementario dividido
Tetrádico

Colores guardados

Aún no hay colores guardados. Haz clic en «Guardar color» para añadir uno.

Generador de degradado CSS

Preguntas frecuentes

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

Un código HEX es un número hexadecimal de 6 dígitos que representa un color. Los dos primeros dígitos son el rojo, los dos del medio el verde y los dos últimos el azul. Por ejemplo, #FF0000 es rojo puro.

¿Cómo convierto HEX a RGB?

Cada par de dígitos HEX se convierte en un número entre 0 y 255. Por ejemplo, #2563EB equivale a R:37 G:99 B:235. Nuestra herramienta realiza esta conversión automáticamente en tiempo real.

¿Cuál es la diferencia entre HSL y HSV?

Ambos usan tono y saturación, pero difieren en el tercer valor. HSL usa luminosidad (0%=negro, 100%=blanco, 50%=color puro). HSV usa valor/brillo (0%=negro, 100%=brillo completo). HSV es más intuitivo para la selección visual de colores.

¿Para qué se usa CMYK?

CMYK (Cian, Magenta, Amarillo, Negro) es el modelo de color utilizado en el diseño de impresión. Si preparas colores para materiales impresos, necesitas valores CMYK. Los colores de pantalla usan RGB.

¿Cómo funcionan las armonías de colores?

Las armonías de colores son combinaciones basadas en su posición en la rueda de colores. Los complementarios son opuestos (180°), los análogos son vecinos (±30°) y los triádicos están igualmente espaciados (120°). Estas combinaciones son naturalmente agradables a la vista.

¿Puedo usar este selector de color sin conexión?

Sí. Una vez cargada la página, todo funciona en tu navegador sin necesidad de conexión al servidor. Puedes guardarla como favorito y usarla en cualquier momento.