What is the difference between Luminosity and Average methods?

The Luminosity method uses weighted RGB values to match human perception, while the Average method treats all channels equally.

Can I process multiple colors at once?

Yes, use the Batch Colors field to input a comma-separated list of hex codes for simultaneous conversion.

How do custom weights work?

You can provide a JSON object defining specific R, G, and B percentage weights to create a custom grayscale formula.

Does this tool support transparency?

The tool focuses on color conversion; it processes the RGB components of your input colors.

Can I see the original color next to the result?

Yes, enable the 'Show Side-by-Side Comparison' option to display the original and converted colors together.

Elysia Tools

Navigation

Design

Grayscale Converter

Convert colors to grayscale with multiple conversion methods and intensity control

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

9 options

ContentPaste or type the main input values.2

Custom RGB WeightstextareaOptionalEnter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11}Batch Colors (Optional)textOptionalEnter multiple colors separated by commas (e.g., #FF0000, #00FF00, #0000FF)

SettingsAdjust formats, ranges, numbers, and modes.4

Base ColorcolorRequiredConversion MethodselectOptionalGrayscale Intensity (%)rangeOptional

0100

Single Channel SelectionselectOptional

TogglesEnable or disable optional behavior.3

Preserve Original LuminancecheckboxOptionalEnabled when checkedInclude Original ColorscheckboxOptionalEnabled when checkedShow Side-by-Side ComparisoncheckboxOptionalEnabled when checked

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Grayscale Converter

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Accessibility Contrast Check

2. Monochrome Palette Generation

FAQ

Grafana Advanced Application Samples

QR Code Samples

D3.js Data Visualization Samples

Rome JavaScript Toolchain Samples

Color Token Cascade Generator

Image Palette to Design Tokens

Pictograph Generator

BSON Converter

JSON Interchange and Format Translation Tools

JSON Inspection, Diff, and Transformation Tools

JSON Schema, Mock Data, and API Fixture Generators

JSON Formatting, Diff, and Normalization Tools