Saltar al contenido
Conversor de horarios de inicio del Mundial ya está disponibleConsulta los inicios en tu zona horaria y añade recordatorios al calendario.
Logo de CrateX.app

CrateX.app

Convertidor de colores

Convierte un color en el navegador entre HEX de 6 dígitos, RGB, HSL y CMYK con selector de color, color aleatorio, vista previa en vivo, controles de canal y cadenas CSS listas para copiar.

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
3
Copia la cadena CSS HEX, RGB, HSL o CMYK

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: botón de paleta en la esquina superior derecha de cada tarjeta
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 copiar produce cadenas estandarizadas (HEX en mayúsculas)

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, los valores de canal, la configuración de salida, la precisión decimal, la preferencia de HEX en mayúsculas, la preferencia de vista previa y la lista de colores recientes pueden permanecer en la sesión actual del navegador o en el almacenamiento del navegador. Si guardas un espacio de trabajo o activas la sincronización WebDAV, el color actual y la configuración pueden guardarse según tu configuración de sincronización; los colores recientes no se sincronizan mediante WebDAV. Las cadenas HEX, RGB, HSL y CMYK se recalculan desde el color actual y la configuración, y no se almacenan como resultados separados. Esta página no lee imágenes, no muestrea la pantalla, no obtiene URL ni envía colores para conversión del lado del servidor. En dispositivos compartidos, borra colores, configuración y datos del sitio cuando sea necesario.

Preguntas frecuentes

5

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

Recursos

Guías

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.