🎨

convertidor formato color

Convierte colores entre formatos HEX, RGB, HSL y CMYK al instante. Edita cualquier campo y el resto se actualiza automáticamente.

Herramientas de generación Se ejecuta localmente No se envían datos
HEX RGB HSL CMYK convertidor WCAG
selector de color
Formatos
HEX
RGB
HSL
CMYK
Texto blanco Texto negro
#FF5733
Nombre CSS más cercano: —
Texto blanco sobre este color
—
Texto negro sobre este color
—
Acerca de los formatos de color
  • HEX —Más común en web / CSS / HTML. Notación hexadecimal compacta de 6 caracteres (p. ej. #FF5733).
  • RGB —Se usa en programación para pantallas, CSS y API de canvas. Cada canal (rojo, verde, azul) va de 0 a 955.
  • HSL —Matiz, saturación y luminosidad. Más intuitivo para las personas —es fácil ajustar el brillo o el tono de un color.
  • CMYK —Cian, magenta, amarillo y clave (negro). Se usa en diseño para impresión y en flujos de trabajo editoriales profesionales.
  • Edita cualquier campo y todos los demás formatos se actualizan automáticamente. Admite tanto la forma corta (255, 87, 51) y la forma completa (rgb(255, 87, 51)) de entrada.

¿Qué es el conversor de colores?

Convierte colores entre HEX, RGB, HSL y CMYK al instante. Incluye un selector visual para que puedas ajustar y copiar el formato que necesites.

Cómo usar el conversor de colores

  1. Introduce un color en HEX, RGB, HSL, HSV u otro formato compatible.
  2. Deja que la herramienta convierta el valor automáticamente a los demás formatos de color.
  3. Ajusta con precisión cualquier campo hasta que la salida coincida exactamente con tu color objetivo.
  4. Copia el formato que necesitas para CSS, entregas de diseño o trabajos de impresión.

Herramientas relacionadas

🎨
selector de color
Convierte colores entre HEX, RGB, HSL y CMYK
 🎨
generador paleta colores
Genera paletas de colores complementarias, análogas y triádicas
 ♿
verificador contraste WCAG
Comprueba los ratios de contraste de color WCAG AA y AAA para la accesibilidad
Entiende los formatos de color ▾
Ejemplo
Entrada #FF5733
Salida RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
Casos de uso comunes
  • Convierte los colores de maquetas de diseño en valores listos para CSS
  • Traduce colores RGB o HSL a HEX para código front-end
  • Compara valores CMYK orientados a impresión con formatos de color digitales
  • Normaliza las especificaciones de color antes de entregar archivos de diseño
Preguntas frecuentes
¿Admite CSS oklch() y lab()?

Esta herramienta convierte entre espacios de color tradicionales. CSS oklch/lab requieren un convertidor de color perceptivo dedicado.

¿Qué tan precisa es la conversión a CMYK?

La conversión usa la fórmula sRGB →CMYK. Para producción de impresión, usa una herramienta compatible con perfiles ICC.

¿Qué hace el convertidor formato color en línea —HEX, RGB, HSL & OKLCH?

El convertidor formato color en línea —HEX, RGB, HSL & OKLCH se ejecuta completamente en tu navegador y te ayuda a completar esta tarea sin subir datos a un servidor.

¿El convertidor formato color en línea —HEX, RGB, HSL & OKLCH— es gratuito?

Sí. Esta herramienta es gratis y no requiere registro.