📖 Step 4: Design - Research & Process#93 / 291

Grayscale

Grayscale

📖One-line summary

Designing using only shades of gray, with no color.

Example

Color vs grayscale comparison

Color

Grayscale

Vibe coding prompt examples

>_

Build a feature that converts uploaded images to grayscale using the Canvas API. Let me adjust saturation with a slider.

>_

Write a utility function that converts a design system color palette to grayscale and checks whether brightness contrast is sufficient.

>_

Build a toggle button that switches the whole page into grayscale mode via CSS filter. This is for accessibility testing.

Try these prompts in your AI coding assistant!