Conversor de colores: HEX, RGB, HSL, CMYK
Convierte colores entre HEX, RGB, HSL y CMYK al instante. Selector de color, armonías, sombras y tintes, copia con un clic e historial de colores.
Cargando Conversor de colores…
Tus archivos nunca salen de tu dispositivo
Cómo usar Conversor de colores
- 1
Abre Conversor de colores en esta página. Se carga directamente en tu navegador.
- 2
Añade tu archivo, texto o valores y ajusta la configuración.
- 3
Copia o descarga el resultado. No se sube ni se guarda nada.
Acerca de esta herramienta
Cada herramienta de diseño y cada lenguaje parece querer los colores en un formato distinto: CSS prefiere HEX y HSL, los editores de imagen muestran RGB y las imprentas piden CMYK. Este conversor de colores traduce entre los cuatro a la vez. Escribe un valor en cualquier formato o usa el selector de color, y todos los demás formatos se actualizan al instante, listos para copiar.
Cómo convertir un color
- Introduce un valor: HEX como #3B82F6, RGB como 59, 130, 246, HSL o CMYK. O elige un color de forma visual.
- Lee el mismo color en los demás formatos.
- Haz clic en cualquier valor para copiarlo.
- Añade colores al historial para tener una pequeña paleta mientras trabajas.
Los cuatro formatos
| Formato | Ejemplo | Se usa para |
|---|---|---|
| HEX | #3B82F6 | CSS, diseño web, guías de marca |
| RGB | rgb(59, 130, 246) | Pantallas, editores de imagen, CSS |
| HSL | hsl(217, 91%, 60%) | Temas CSS; fácil de aclarar u oscurecer |
| CMYK | 76%, 47%, 0%, 4% | Diseño para imprimir |
Cómo funcionan las conversiones
- HEX y RGB son los mismos números escritos de otra forma: cada par de dígitos HEX es un canal RGB de 00 (0) a FF (255).
- HSL describe el tono como un ángulo en el círculo cromático, más la saturación y la luminosidad en porcentaje, lo que hace que ajustarlo sea intuitivo.
- CMYK a partir de RGB es una conversión matemática sencilla. La impresión real depende de los perfiles de papel y tinta, así que pide a tu imprenta los valores exactos de los colores importantes de tu marca.
Más que conversión
- Armonías de color: complementaria, análoga y otros esquemas basados en tu color.
- Sombras y tintes: variantes más oscuras y más claras para estados hover y fondos.
- Ajustes predefinidos y colores aleatorios para inspirarte rápido.
¿Creas una paleta completa? Prueba el generador de paletas de colores. ¿Quieres comprobar que el texto se lee sobre tu color? Usa el comprobador de contraste.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Divide el código HEX en tres pares y convierte cada uno de base 16 a un número de 0 a 255. #3B82F6 se convierte en 59, 130, 246. El conversor lo hace al instante.
¿Qué diferencia hay entre RGB y CMYK?
RGB mezcla luz para pantallas y CMYK mezcla tintas para impresión. Algunos colores muy vivos en pantalla no se pueden imprimir exactamente, por eso la versión CMYK puede verse más apagada.
¿Por qué usar HSL en CSS?
HSL separa tono, saturación y luminosidad, así que aclaras u oscureces un color cambiando un solo número, muy útil para temas y estados hover.
¿El valor CMYK es exacto para imprimir?
Es una conversión matemática estándar. Las imprentas usan perfiles de color para cada papel y tinta, así que pídeles los valores exactos de los colores de tu marca.
¿Puedo elegir un color de forma visual?
Sí. Usa el selector de color y los valores HEX, RGB, HSL y CMYK se actualizan mientras lo mueves.
¿Admite transparencia?
El conversor trabaja con colores sólidos. Para transparencia en CSS, añade tú un valor alfa, por ejemplo rgb(59 130 246 / 50%).