Saltar al contenido
Logo de CrateX.app

CrateX.app

Convertidor de colores

Convierte localmente un color entre HEX de 6 dígitos (#RRGGBB), RGB, HSL y CMYK con selector de color, color aleatorio, vista previa en vivo, controles de canal, valores CSS HEX/RGB/HSL listos para copiar y notación CMYK de referencia.

HEX

#

RGB

HSL

CMYK

Convertidor de colores

Inicio rápido

1
Introduce HEX de 6 dígitos o canales RGB/HSL/CMYK
2
Usa el selector o Aleatorio y revisa los valores sincronizados

Escenarios comunes

Entrega diseño-dev

pasar HEX de maquetas a RGB/HSL de CSS para desarrollo

Guía de estilo

unificar formato y redacción del color en la librería de componentes

Referencia de impresión

convierte el color de pantalla a CMYK como primera estimación y confirma el valor final con pruebas y el flujo de impresión

Accesibilidad

usa la vista previa solo para una comprobación visual rápida; usa una herramienta de contraste dedicada para proporciones exactas

Parámetros de conversión y visualización

Reglas de entrada: HEX solo admite 6 dígitos (#RRGGBB; no #RGB, #RGBA, #RRGGBBAA ni alfa); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. La entrada no distingue mayúsculas y minúsculas
Vista previa: en escritorio hay vista previa en vivo a la derecha; en móvil no se muestra
Selector de color: usa el selector de la tarjeta HEX.
Política de mayúsculas de HEX: salida normalizada en mayúsculas (p. ej., #1E90FF); entrada no distingue mayúsculas/minúsculas; sin conmutador
Ajuste fino: arrastra las letras de los canales a izquierda/derecha (Shift×10, Alt÷0.1)
Salida de copia: el botón produce valores CSS HEX, RGB y HSL estandarizados (HEX en mayúsculas), o la notación CMYK de referencia cmyk(...)

Consejos de uso

Precisión: la gestión de color varía por dispositivo; el cuentagotas puede dar valores ligeramente distintos entre aplicaciones
Alfa: los formatos actuales no incluyen alfa; usa rgba()/hsla() o un canal aparte
Espacio de color: la web usa sRGB; en P3/Display‑P3 verifica con cuidado
Consistencia del equipo: acordad un formato canónico en CSS (p. ej., HSL)

Limitaciones y compatibilidad

Diferencias de dispositivo: monitores/navegadores/SO gestionan el color de forma distinta; la apariencia puede variar
CMYK es aproximado: los valores dependen de perfiles ICC, papel, tinta, dispositivos y pruebas; úsalo como referencia, no como valor listo para imprimir
Sin alfa: esta herramienta no procesa transparencia, rgba(), hsla(), #RGBA ni #RRGGBBAA
Subconjunto de colores CSS: colores con nombre, transparente, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), colores relativos, color-mix() y contrast-color() están fuera del alcance de esta herramienta
No es una herramienta de imagen o paleta: esta página no hace muestreo de imágenes, cuentagotas de pantalla, generación de paletas, generación de degradados, comprobación de relación de contraste, exportación de variables CSS ni exportación de design tokens.

Privacidad y seguridad

El procesamiento se ejecuta en el navegador. El color actual puede permanecer en la sesión actual del navegador. Si guardas un espacio de trabajo o activas WebDAV, el color actual puede guardarse o sincronizarse como parte de ese espacio. Las salidas derivadas, el historial de deshacer y los errores temporales no se almacenan ni sincronizan como datos separados, y la herramienta no conserva una lista de colores recientes. Esta página no lee imágenes, no toma muestras de la pantalla, no obtiene URL ni envía colores para su conversión en el servidor. En dispositivos compartidos, borra el color y los datos del sitio cuando sea necesario.

Preguntas frecuentes

5

Continúa con estas herramientas relacionadas para el siguiente paso.

Acerca de

Acerca de nosotros
Precios

Legal

Términos de uso
Política de privacidad
Política de cookies

Preferencias

Gestionar cookies

Todo el procesamiento de las herramientas ocurre localmente en tu navegador.