Color converter
Type a color into any field (HEX, RGB, HSL) and the other two update right away, or click the swatch to pick one visually, with a copy button for each.
How to convert a color code
- Type a color into the HEX, RGB or HSL field — the other two update automatically.
- Or click the color square on the left to pick a color visually.
- Click the copy button next to a field to grab the code you need.
Frequently asked questions
The field you are typing in gets a red outline to flag it, while the other two fields keep their last valid value until you fix it.
Both the full function form ("rgb(255, 0, 0)", "hsl(0, 100%, 50%)") and the short form with just comma-separated numbers ("255, 0, 0").
Yes, the short 3-character form is automatically expanded to the full 6 characters ("#f00" becomes "#FF0000").
Not yet — the tool currently converts solid colors only, with no alpha channel.
Related tools
Image color pickerGet a palette and HEX codes from a pictureRegex testerTest a regex: highlighted matches, groups and replaceRegex generatorReady-made regex for email, phone, dates and moreRegex explainerUnderstand every part of a regexCron expression generatorPick a schedule, get the cron expressionCron expression parserRead a cron expression and see when it runsJWT decoderRead a JWT's header, payload, expiry and check its signatureJWT generatorSign a JWT with a secret or a private keyMarkdown previewType Markdown, preview it live and get the HTML