Categorías

← View All Tools

Convertidor de Escala de Grises

Convertir colores a escala de grises con múltiples métodos de conversión y control de intensidad

0 100 100

Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11}

Ingrese múltiples colores separados por comas (ej: #FF0000, #00FF00, #0000FF)

Datos clave

Categoría
Design
Tipos de entrada
color, select, range, textarea, checkbox, text
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

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.

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.

Ejemplos

1. Optimización de accesibilidad UI

Diseñador UX
Contexto
El diseñador necesita asegurar que los botones de acción principal sean legibles para usuarios con daltonismo.
Problema
El color corporativo actual podría perder contraste al convertirse a escala de grises.
Cómo usarlo
Ingresa el color del botón en 'Color base' y selecciona el método 'Luminosidad' para verificar el valor tonal.
Configuración de ejemplo
{"conversionMethod": "luminosity", "intensity": 100, "showComparison": true}
Resultado
El diseñador confirma si el tono gris resultante tiene suficiente contraste respecto al fondo, ajustando el color base si es necesario.

2. Conversión de paleta corporativa

Diseñador Gráfico
Contexto
Se requiere convertir una paleta de 5 colores de marca a una escala de grises coherente para materiales impresos en blanco y negro.
Problema
La conversión automática estándar no respeta la jerarquía visual de los colores originales.
Cómo usarlo
Usa la función de 'Colores por lote' y aplica 'Pesos personalizados' para resaltar los colores que deben verse más oscuros.
Configuración de ejemplo
{"batchColors": "#FF5733, #33FF57, #3357FF, #F333FF, #FF3333", "conversionMethod": "custom", "customWeights": "{\"red\": 40, \"green\": 40, \"blue\": 20}"}
Resultado
Se obtiene una paleta monocromática equilibrada que mantiene la distinción entre los elementos de la marca en documentos impresos.

Probar con muestras

json
Muestras de Convertidor Hex/Unicode
Muestras de prueba para conversión de secuencias de escape hex y unicode
preferred input family json
json
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
preferred input family json
json
Muestras JWT
Ejemplos completos de JWT desde la estructura básica de tokens hasta implementaciones de seguridad avanzadas
preferred input family json
json
Muestras de Comunicación en Tiempo Real WebRTC
Muestras completas de WebRTC para comunicación de audio/video P2P, canales de datos, compartir pantalla y servidor de señalización
preferred input family json
json

Hubs relacionados

Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Format
Explora 6 herramientas de json para flujos de format y encuentra utilidades cercanas con rapidez.

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.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/color-grayscale-converter

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
baseColor color Sí -
conversionMethod select No -
intensity range No -
singleChannel select No -
customWeights textarea No Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11}
preserveLuminance checkbox No -
batchColors text No Ingrese múltiples colores separados por comas (ej: #FF0000, #00FF00, #0000FF)
includeOriginal checkbox No -
showComparison checkbox No -

Formato de respuesta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-color-grayscale-converter": {
      "name": "color-grayscale-converter",
      "description": "Convertir colores a escala de grises con múltiples métodos de conversión y control de intensidad",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-grayscale-converter",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]