Saltar al contenido
Logo de CrateX.app

CrateX.app

Convertidor de formatos de color

Convertidor de formatos de color

Convertidor de formatos de color: Admite la conversión de formato de color entre HEX, RGB, HSL y CMYK, proporciona vista previa en tiempo real y selector de color. Conversión sincronizada automática, adecuado para transferencia de diseño, estilo CSS y unificación de guías de estilo. (vista previa en escritorio)

HEX

#

RGB

HSL

CMYK
Convertidor de formatos de color

Inicio rápido

1
Elegir/introducir: escribe cualquier formato compatible (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) o utiliza el selector de color
2
Conversión automática: al introducir un formato, los demás se actualizan al instante
3
Copiar: usa el botón junto a cada formato para obtener una cadena normalizada

Escenarios comunes

Handoff de diseño

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

convertir el color de pantalla a CMYK como primera estimación (requiere pruebas)

Accesibilidad

usa la previsualización para una revisión rápida del contraste (para ratios exactos, emplea una herramienta dedicada)

Escenario adicional

rgb to hex, color picker y color code convertidor pueden resolverse en el mismo flujo para revisar el resultado antes de copiarlo o exportarlo.

Parámetros de conversión y visualización

Reglas de entrada: HEX solo 6 dígitos (sin alfa); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. No distingue mayúsculas/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 aproximado: valores orientativos; para impresión real, usa perfiles ICC y flujo especializado
Sin alfa: esta herramienta no procesa transparencia

Privacidad y seguridad

Todo el procesamiento se realiza en tu navegador; los datos no salen de tu dispositivo

Preguntas frecuentes

5

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