Saltar al contenido
Aback Tools Logo

Convertidor de escala de grises

Convierta cualquier color a su equivalente en escala de grises utilizando la fórmula de luminancia estándar ITU-R BT.601 (0,299R + 0,587G + 0,114B). Ingrese cualquier color HEX para ver el original y la escala de grises uno al lado del otro con vista previa instantánea, valores de luminancia exactos y copia con un solo clic para todos los formatos de salida. Totalmente privado, 100% gratuito y no es necesario registrarse.

Grayscale Converter
Convert any color to its grayscale equivalent using the standard luminance formula. See original vs grayscale side-by-side with instant preview.

Sample Colors

#

Formats: #RGB #RRGGBB

Original vs Grayscale

Original

#FF6B6B

Grayscale

#979797
Luminance151 / 255 (59%)

Formula: ITU-R BT.601 Luminance (0.299R + 0.587G + 0.114B)

Grayscale Values

Original#FF6B6B
Grayscale#979797
Grayscale RGBrgb(151, 151, 151)
Grayscale HSLhsl(0, 0%, 59%)
Original RGB Channels
Red (R)255
Green (G)107
Blue (B)107
Grayscale Values
Grayscale#979797
Gray (R=G=B)151
Luminance %59%
HSLhsl(0, 0%, 59%)

¿Por qué utilizar nuestro conversor de escala de grises?

  • Conversión instantánea de escala de grises: el convertidor de escala de grises aplica la fórmula de luminancia estándar ITU-R BT.601 a cualquier color en tiempo real. A medida que escribe o elige un color, tanto la vista previa original como la en escala de grises se actualizan instantáneamente sin necesidad de presionar ningún botón, brindándole información visual inmediata sobre el resultado de luminancia.
  • Comparación de colores en paralelo: vea el color original y su equivalente en escala de grises mostrados uno al lado del otro en grandes muestras de vista previa. El convertidor de escala de grises también muestra el valor exacto de luminancia, el porcentaje y una escala de luminancia visual para que pueda comprender exactamente cómo funciona la conversión.
  • 100% privado: no se necesita carga: toda la conversión en escala de grises se realiza localmente en su navegador sin comunicación con el servidor. Sus valores de color nunca abandonan su dispositivo, lo que hace que Grayscale Converter sea seguro para proyectos de diseño confidenciales, especificaciones de marca y paletas de colores patentadas.
  • Conversiones gratuitas e ilimitadas: convierta colores ilimitados a escala de grises sin registro, suscripción ni límites de uso. Grayscale Converter es completamente gratuito para siempre y no hay anuncios que bloqueen la interfaz. Úsalo tantas veces como necesites para cualquier proyecto.

Casos de uso comunes para el convertidor de escala de grises

  • Diseño de impresión y pruebas en escala de grises: los diseñadores de impresión utilizan el convertidor de escala de grises para obtener una vista previa de cómo aparecerán los diseños en color cuando se impriman en blanco y negro o en escala de grises. Esto es esencial para anuncios en periódicos, impresión de folletos y cualquier proyecto en el que la impresión en color no esté disponible o tenga un costo prohibitivo.
  • Pruebas de accesibilidad y daltonismo: los especialistas en accesibilidad utilizan Grayscale Converter para simular cómo aparecen las interfaces que dependen del color para los usuarios con deficiencias en la visión del color. Al convertir los esquemas de color de la interfaz de usuario a escala de grises, puede verificar que la información no se transmite únicamente a través del color.
  • Validación de color del sistema de diseño: los encargados del mantenimiento del sistema de diseño utilizan el convertidor de escala de grises para validar que las fichas de color tengan suficiente contraste de luminancia para facilitar la lectura. La conversión de los colores de la marca a escala de grises revela si las combinaciones de texto y fondo funcionarán en escenarios de accesibilidad crítica.
  • Fotografía y edición de imágenes: los fotógrafos y editores de imágenes utilizan Grayscale Converter para comprender cómo los diferentes colores se traducen en tonos en escala de grises. Este conocimiento ayuda a la hora de convertir imágenes a blanco y negro, asegurando que los sujetos clave mantengan un buen contraste con el fondo.
  • Diseño de interfaz de usuario móvil y modo oscuro: los diseñadores de interfaz de usuario móvil utilizan Grayscale Converter al diseñar interfaces de modo oscuro o temas de accesibilidad. La conversión de colores de acento a escala de grises ayuda a verificar que los elementos de la interfaz de usuario mantengan suficiente contraste en modos de visualización monocromáticos o de baja visión.
  • Desarrollo de efectos y filtros CSS: los desarrolladores web utilizan Grayscale Converter para comprender el resultado exacto de los filtros CSS en escala de grises antes de aplicarlos a sitios web activos. La herramienta muestra los valores RGB y HEX precisos producidos por la fórmula de luminancia, coincidiendo con el funcionamiento de los filtros CSS en los navegadores.

¿Qué es la conversión en escala de grises?

La conversión a escala de grises transforma una imagen en color o un valor de color individual en tonos de gris que van del negro al blanco. A diferencia de la simple desaturación de un color (que trata todos los canales por igual), la conversión adecuada en escala de grises utiliza una fórmula de luminancia que tiene en cuenta la percepción humana: nuestros ojos son más sensibles a la luz verde, menos sensibles a la roja y menos sensibles a la azul. Nuestro convertidor de escala de grises utiliza la fórmula estándar de la industria ITU-R BT.601 para obtener resultados de percepción precisos.

Cómo funciona nuestro convertidor de escala de grises

  1. Ingrese su color: escriba o pegue un valor de color HEX (por ejemplo, #FF6B6B) o use el selector de color nativo para seleccionar cualquier color visualmente. Grayscale Converter también admite el formato HEX de 3 dígitos ( #RGB ) para mayor comodidad. Todo el procesamiento se ejecuta localmente en su navegador.
  2. Cálculo de luminancia: El convertidor aplica la fórmula ITU-R BT.601: L = 0,299 × R + 0,587 × G + 0,114 × B. Esta fórmula ponderada produce el resultado en escala de grises más preciso desde el punto de vista perceptivo porque tiene en cuenta cómo el ojo humano percibe diferentes longitudes de onda de color.
  3. Comparar y copiar: el color original y su equivalente en escala de grises se muestran uno al lado del otro con grandes muestras de vista previa. El valor exacto de luminancia (0-255), el porcentaje (0-100%) y los valores HEX/RGB/HSL en escala de grises se muestran con botones de copia con un solo clic para cada formato.

La fórmula de luminancia explicada

  • ¿Por qué ponderado? El ojo humano tiene aproximadamente el 65% de sus conos (fotorreceptores) sensibles a la luz verde, el 33% a la roja y sólo el 2% a la azul. La fórmula de luminancia refleja esta biología al darle mayor peso al verde (0,587), seguido del rojo (0,299) y el azul (0,114).
  • Estándar BT.601: la fórmula de luminancia ITU-R BT.601 es el estándar internacional para la conversión de escala de grises en transmisión de televisión, compresión de video y procesamiento de imágenes. También es la fórmula utilizada por el filtro CSS: escala de grises() y la mayoría del software de edición de imágenes.
  • Promedio simple frente a luminancia: un promedio simple de R, G y B ((R+G+B)/3) daría el mismo peso a todos los canales, lo que produciría una escala de grises más apagada y menos precisa. La fórmula de luminancia preserva mucho más fielmente el brillo percibido del color original.
  • Rango de luminancia: el valor de luminancia oscila entre 0 (negro puro) y 255 (blanco puro). Un porcentaje de luminancia muestra dónde cae el color en esta escala, siendo 0% negro y 100% blanco. Los colores con alta saturación y luminosidad media suelen producir resultados sorprendentes en escala de grises.

Privacidad, seguridad y disponibilidad

Procesamiento 100% basado en navegador: Nuestro Grayscale Converter procesa todas las conversiones de color completamente dentro de su navegador usando JavaScript. Sus valores de color nunca se cargan, almacenan ni transmiten a ningún servidor. Esto garantiza total privacidad para proyectos de diseño confidenciales y especificaciones de color de marca.

Siempre disponible: dado que el convertidor funciona completamente en el lado del cliente, continúa funcionando incluso sin conexión a Internet después de que se carga la página. No hay dependencias del servidor, límites de velocidad ni llamadas API. Úselo en cualquier lugar y en cualquier momento para todas sus necesidades de conversión en escala de grises.

Preguntas frecuentes

Un convertidor de escala de grises transforma cualquier color en su equivalente en escala de grises utilizando una fórmula de luminancia estándar. En lugar de simplemente promediar los canales RGB, nuestro convertidor de escala de grises utiliza la fórmula de luminancia ponderada ITU-R BT.601 (0.299R + 0.587G + 0.114B) que tiene en cuenta la percepción humana del color. El resultado se muestra al lado del color original para facilitar la comparación.

La fórmula utilizada es L = 0,299 × R + 0,587 × G + 0,114 × B, donde R, G y B son los valores de los canales rojo, verde y azul (0-255). Este es el estándar ITU-R BT.601, ampliamente adoptado en radiodifusión, procesamiento de vídeo y filtros CSS. La fórmula da mayor importancia al verde porque los ojos humanos son más sensibles a la luz verde, seguido del rojo y luego el azul.

Un promedio simple de canales RGB trataría todos los colores por igual, pero el ojo humano no percibe todos los colores con el mismo brillo. El verde parece mucho más brillante que el azul con el mismo valor numérico. La fórmula de luminancia ponderada produce un resultado en escala de grises que se asemeja mucho a cómo percibimos realmente el brillo del color original, lo que lo hace mucho más preciso que un simple promedio.

Sí. Toda la conversión ocurre completamente dentro de su navegador usando JavaScript. Sus valores de color nunca se envían a ningún servidor, nunca se almacenan y nunca se transmiten a ningún lugar. Grayscale Converter es completamente privado y procesa todo localmente en su dispositivo, lo que lo hace seguro para las especificaciones de color confidenciales de la marca y los sistemas de diseño patentados.

El convertidor de escala de grises acepta valores de color HEX en formatos de 3 dígitos (#RGB) y 6 dígitos (#RRGGBB). Puede escribir el valor con o sin el prefijo #. La herramienta también incluye un selector de color nativo para la selección visual de colores y muestras preestablecidas para realizar pruebas rápidas de colores comunes.

Sí. Grayscale Converter es 100% gratuito, no requiere registro, no tiene funciones premium ni límites de uso. Convierta colores ilimitados a escala de grises sin restricciones ni costos ocultos. No hay anuncios que bloqueen la interfaz y la herramienta funciona completamente en su navegador.

La función Filtro CSS: escala de grises (100%) utiliza la misma fórmula ponderada por luminancia para convertir elementos a escala de grises en el navegador. Nuestro Convertidor de escala de grises le muestra el resultado matemático exacto de esta transformación para cualquier color específico, lo que lo hace útil para obtener una vista previa de cómo los filtros CSS afectarán elementos de diseño particulares antes de aplicarlos.

La desaturación convierte un color a escala de grises promediando todos los canales RGB por igual (R+G+B)/3, lo que produce un resultado plano. La escala de grises basada en luminancia, que utiliza nuestro convertidor de escala de grises, aplica valores ponderados basados ​​en la percepción humana. La diferencia es más notable con los colores azul y verde: un azul puro (#0000FF) se desatura a un gris medio (85), pero con ponderación de luminancia se vuelve mucho más oscuro (29), lo que refleja con mayor precisión el brillo percibido.