¿Qué es un convertidor de color?
Un convertidor de color traduce un valor de color a los formatos que se usan comúnmente en diseño web, CSS, sistemas de diseño y notas de entrega. Un único color de marca puede almacenarse como HEX en una guía de estilo, RGB en un token de diseño, HSL en un editor de temas y CMYK en notas orientadas a impresión. Esta herramienta mantiene esas representaciones juntas para que puedas copiar la versión correcta sin recalcularla a mano.
El convertidor es intencionalmente compacto. Se centra en colores web sRGB prácticos: HEX, RGB, HSL, HSV y una aproximación simple de CMYK. No pretende reemplazar software profesional de gestión del color ni flujos de trabajo basados en perfiles ICC.
Formatos de color compatibles
| Format | Example | Mejor usado para |
|---|---|---|
| HEX | #3366FF | CSS, tokens de diseño, entrega visual rápida |
| RGB | rgb(51, 102, 255) | Valores CSS, trabajo con canvas, canales de color programáticos |
| HSL | hsl(225, 100%, 60%) | Ajustes de tema por matiz, saturación y claridad |
| HSV | hsv(225, 80%, 100%) | Flujos de trabajo tipo selector de color y ajuste visual |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Notas de impresión aproximadas, no gestión de color final para prensa |
Limitaciones importantes
- La salida CMYK se calcula a partir de valores sRGB y es solo una aproximación.
- Los colores nombrados de CSS, degradados, Lab, LCH, OKLCH y Display-P3 están fuera del alcance de esta versión compacta v1.
- Se pueden analizar valores alfa para formas comunes de HEX/RGB/HSL, pero la vista previa de la muestra nativa muestra el color base opaco.
- Diferentes herramientas de diseño pueden redondear HSL, HSV o CMYK de forma ligeramente distinta.
Flujos de trabajo comunes
Limpieza de CSS
Pega un color HEX desde una guía de estilo y copia RGB o HSL para un estado de componente, paleta de gráficos o variable de tema.
Entrega de diseño
Mantén varias notaciones de color juntas cuando un desarrollador, diseñador o editor de contenidos use herramientas diferentes.
Revisión de tokens
Comprueba si un token de color corresponde al matiz y la saturación esperados antes de usarlo en una interfaz pública.
Notas de impresión
Genera valores CMYK aproximados para discusión, dejando la salida final de impresión a herramientas que consideren perfiles.
Preguntas frecuentes
¿La salida CMYK es exacta?
No. El valor CMYK es una conversión simple desde sRGB, útil para notas aproximadas. El trabajo final de impresión depende del papel, la tinta, la configuración de la prensa y los perfiles ICC.
¿Puedo pegar funciones de color CSS?
Sí, para la sintaxis de funciones comunes RGB, HSL, HSV y estilo CMYK. Espacios de color más nuevos como Lab, LCH, OKLCH y Display-P3 están intencionalmente fuera del alcance de esta herramienta compacta.
¿La herramienta admite transparencia alfa?
Puede analizar formas alfa comunes como RGBA, HSLA y HEX de ocho dígitos, pero la muestra principal y la salida para copiar se centran en colores web opacos prácticos.
¿Por qué los valores a veces difieren de otra herramienta de diseño?
Las pequeñas diferencias suelen deberse a reglas de redondeo o suposiciones de gestión del color. Para colores sRGB web, esas diferencias normalmente son mínimas.
¿Cuándo debo usar en su lugar el comprobador de contraste?
Usa el comprobador de contraste cuando necesites comparar dos colores para la legibilidad del texto. Este convertidor solo cambia un color entre formatos.