📖 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!