# Convertidor de Escala de Grises Convertir colores a escala de grises con múltiples métodos de conversión y control de intensidad > Página canónica: https://elysiatools.com/es/tools/color-grayscale-converter - **Categoría:** Design - **Palabras clave:** color, escala de grises, blanco, negro, convertidor, monocromo, desaturación, gris, diseño ## Descripción general El Convertidor de Escala de Grises es una herramienta profesional diseñada para transformar colores precisos en tonos monocromáticos, permitiendo un control total sobre la luminosidad, la desaturación y los pesos de los canales RGB para optimizar tus paletas de diseño. ## Entradas - **Color base** (color): #FF5733 - **Método de conversión** (select) - **Intensidad de escala de grises (%)** (range) - **Selección de canal único** (select) - **Pesos RGB personalizados** (textarea): Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11} - **Preservar luminancia original** (checkbox) - **Colores por lote (Opcional)** (text): Ingrese múltiples colores separados por comas (ej: #FF0000, #00FF00, #0000FF) - **Incluir colores originales** (checkbox) - **Mostrar comparación lado a lado** (checkbox) ## Cuándo usarlo - Para verificar el contraste y la legibilidad de una interfaz de usuario en blanco y negro. - Al preparar activos gráficos que requieren una versión monocromática para impresión o diseño minimalista. - Para analizar la composición de luminosidad de una imagen o paleta de colores compleja. ## Cómo funciona - Selecciona el color base o ingresa una lista de colores en el campo de lote. - Elige el método de conversión, como luminosidad ponderada o promedio simple, según tus necesidades técnicas. - Ajusta la intensidad de la escala de grises y configura los pesos RGB personalizados si requieres un resultado específico. - Visualiza el resultado comparativo lado a lado para asegurar que el tono gris obtenido mantenga la jerarquía visual deseada. ## Casos de uso - Creación de paletas de colores accesibles para interfaces web. - Generación de versiones en escala de grises para logotipos e iconos. - Análisis de contraste para asegurar la legibilidad de textos sobre fondos de color. ## Preguntas frecuentes ### ¿Qué método de conversión es el más preciso? El método de 'Luminosidad (Ponderada)' es el estándar de la industria, ya que ajusta los valores basándose en la sensibilidad del ojo humano a los colores rojo, verde y azul. ### ¿Puedo convertir varios colores a la vez? Sí, utiliza la opción de 'Colores por lote' ingresando los códigos hexadecimales separados por comas para procesar múltiples colores simultáneamente. ### ¿Qué hace la opción de pesos personalizados? Permite definir manualmente la contribución de cada canal (R, G, B) al resultado final, ideal para efectos artísticos o calibraciones técnicas específicas. ### ¿Es posible ver el color original junto al gris? Sí, activando la opción 'Mostrar comparación lado a lado' e 'Incluir colores originales', podrás evaluar la transformación de forma inmediata. ### ¿Cómo afecta la intensidad al resultado? La intensidad controla el grado de desaturación; al 100% obtendrás una escala de grises pura, mientras que valores inferiores mantendrán parte de la saturación original del color. ## Herramientas relacionadas - [Generador de cascada de color tokens](https://elysiatools.com/es/tools/color-token-cascade-generator): Convierte un hex principal en escalas de color, tokens semanticos, variables CSS y JSON de Style Dictionary - [Extractor de tokens de tema ECharts](https://elysiatools.com/es/tools/echarts-theme-token-extractor): Extrae design tokens — colores, números, tamaños de fuente y cadenas — de un JSON de tema ECharts y expórtalos directamente a tu design system. Pega un objeto de tema (el que registras y pasas a echarts.init(dom, themeName)) y la herramienta recorre cada hoja, etiquetando cada color (con normalización opcional nombrado/rgb → hex), número de espaciado, tamaño de fuente y cadena, para luego emitir variables CSS limpias, una configuración theme.extend de Tailwind, tokens.json de Style Dictionary o variables SCSS. Tiende el puente entre un tema de visualización ECharts y los tokens de diseño Figma/CSS/Tailwind sin copiar cada valor a mano. - [Exportador de Tokens de Figma](https://elysiatools.com/es/tools/figma-tokens-export): Pega un JSON de variables de Figma / Tokens Studio y exporta a Tailwind, variables CSS shadcn, Style Dictionary o SCSS. Conserva tokens de color, espaciado y fuente con inferencia de tipos. - [De paleta de imagen a design tokens](https://elysiatools.com/es/tools/image-to-design-tokens): Extrae los colores dominantes de una imagen con k-means y expórtalos como variables CSS / SCSS / configuración Tailwind / tokens JSON, con nombres y escala de tonos - [Generador de Pictogramas](https://elysiatools.com/es/tools/pictograph-generator): Crear pictogramas usando iconos/símbolos para representar cantidades con iconos personalizados, colores y diseños - [Convertidor BSON](https://elysiatools.com/es/tools/bson-converter): Codifica y decodifica datos hacia/desde formato BSON (Binary JSON) - [Convertidor CSV a JSON](https://elysiatools.com/es/tools/csv-to-json): Convierte datos CSV a formato JSON con opciones de análisis personalizables - [Transformador CSV](https://elysiatools.com/es/tools/csv-transformer): Transformar y procesar datos CSV con operaciones de columnas, cálculos y conversiones de tipo de datos. Ejemplos de operaciones: • Renombrar columna: \[{"type": "rename", "column": "nombre_antiguo", "new_name": "nombre_nuevo"}\] • Agregar columna calculada: \[{"type": "add_column", "new_column": "total", "formula": "precio * cantidad"}\] • Eliminar columna: \[{"type": "remove_column", "remove_column": "columna_a_eliminar"}\] • Convertir tipo de dato: \[{"type": "convert_type", "convert_column": "edad", "target_type": "number"}\] • Calcular valores: \[{"type": "calculate", "target_column": "total", "expression": "precio * impuesto + envio"}\] • Filtrar filas: \[{"type": "filter_values", "filter_column": "estado", "operator": "equals", "value": "activo"}\] ## Ejemplos - [Muestras Avanzadas de Grafana](https://elysiatools.com/es/samples/grafana-samples): Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins - [Ejemplos de Códigos QR](https://elysiatools.com/es/samples/qrcode-samples): Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR - [Ejemplos D3.js Data Visualization](https://elysiatools.com/es/samples/d3js-data-visualization): Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas - [Ejemplos de Rome Toolchain JavaScript](https://elysiatools.com/es/samples/rome): Ejemplos de toolchain JavaScript de Rome incluyendo configuración, linting, formatting, bundling y gestión de proyectos ## Contenido relacionado - [Herramientas de intercambio JSON y traduccion de formatos](https://elysiatools.com/es/hubs/json-convert): Compara herramientas de conversion JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN y otros formatos estructurados en un solo hub. - [Herramientas de inspeccion, diff y transformacion JSON](https://elysiatools.com/es/hubs/json-utility): Reune en un solo hub herramientas para formatear JSON, comparar cambios, inspeccionar rutas, validar esquemas, combinar archivos y transformar datos para flujos de API y datos. - [Generadores de esquemas JSON, datos mock y fixtures de API](https://elysiatools.com/es/hubs/json-generate): Herramientas reunidas para generacion de esquemas JSON, construccion de payloads mock y preparacion de fixtures de API en un solo hub. - [Herramientas de formato, diff y normalización de JSON](https://elysiatools.com/es/hubs/json-format): Compara herramientas de formato JSON, diff, revisión de logs, comparación de configuración y normalización de datos en un solo hub para flujos de revisión de JSON.