Material Color Converter

For UI/UX designers and frontend developers using Material Design: paste any HEX code or Material color name and instantly get HEX, RGB, and HSL side by side. Keep design and code in sync without manual lookups.

Material Color (HEX or Name)

Results update live as you type — no button needed. The Example button below fills a sample input.

Converted Color Values