Skip to main content
Micro Task Assistant logo
Micro TaskAssistant

Color Converter

Micro Task Assistant

Convert colors between HEX, RGB, and HSL for CSS and design work. Pick a color or type values directly.

RGB (0–255)

HSL

CSS values

HEX
#6366f1
RGB
rgb(99, 102, 241)
HSL
hsl(238.73239436619718, 83.5%, 66.7%)

Continue exploring

Related tools, search, and more in this category.

Find a toolText & Developer Tools

Search tools

Related tools

JSON Formatter

Format and validate JSON

Word Counter

Count words and characters

Base64 Encoder

Base64 encode and decode

Pinned tools
Recent tools

Support the project

Donations help cover hosting and new tools ❤️

Donate

How it works

Follow these steps to get started. Each step is short so you can move quickly from upload to download.

  1. Pick a color or enter a HEX code.

  2. Adjust RGB or HSL if you need fine control.

  3. Copy HEX, rgb(), or hsl() for your stylesheet.

FAQ

Which formats are supported?

HEX (#rrggbb), RGB (0–255), and HSL (hue 0–360, saturation and lightness 0–100%).

Is this the same as Photoshop's color picker?

It uses the same math browsers use for CSS. Values match what you paste in stylesheets.

Is my data sent to a server?

No. Conversion runs in your browser.