What color formats are supported?

HEX (#3b82f6), RGB (rgb(59, 130, 246)), and HSL (hsl(217, 91%, 60%)).

Can I get Tailwind CSS classes?

Yes, the tool outputs an approximate Tailwind arbitrary value class like bg-[#3b82f6].

Does it show a color preview?

Yes, a live color swatch updates as you type.

Color Converter

Enter a color in any format (HEX, RGB, or HSL) and see it converted to all other formats instantly. Includes a live color preview and one-click copy for CSS variables and Tailwind classes.

Enter a Color (hex, rgb, or hsl)

Today's picks

Three books for ticket and docs work. Check the current price before you buy.

Book · JiraAutomate Everyday Tasks in JiraNo-code automation rulesCheck price on Amazon ↗Book · ConfluenceImplementing Atlassian ConfluenceSpace and page structureCheck price on Amazon ↗Book · DocsHandbook of Technical Writing (10th ed.)Alphabetical reference formatCheck price on Amazon ↗

Amazon affiliate links. We earn a commission on qualifying purchases at no extra cost to you.

Was this rewrite usable?

Get new tools by email

We add tools most weeks. Give an email address and we send you the new ones, plus short notes on how to use them. No more than one email a week. Unsubscribe with one click.

How to Use Color Converter

Open the Color Converter
Enter a color in HEX, RGB, or HSL format
See the color preview and all format conversions
Copy any format you need

Frequently Asked Questions

What color formats are supported?: HEX (#3b82f6), RGB (rgb(59, 130, 246)), and HSL (hsl(217, 91%, 60%)).
Can I get Tailwind CSS classes?: Yes, the tool outputs an approximate Tailwind arbitrary value class like bg-[#3b82f6].
Does it show a color preview?: Yes, a live color swatch updates as you type.

Related Tools

JQL Builder & Explainer

Build Jira Query Language filters from structured fields, or paste JQL to explain each clause and catch basic syntax problems.

Markdown Cheat Sheet

Interactive Markdown cheat sheet with live examples. Free Markdown syntax reference guide.

Regex Find & Replace

Find and replace text in Markdown using regex. Free online regex find and replace with live preview.

YAML Frontmatter Editor

Visual editor for YAML/TOML frontmatter. Free online frontmatter builder for Jekyll, Hugo, and Astro.

About Color Converter

Convert colors between HEX, RGB, and HSL formats. Free online color converter with live preview. This tool runs entirely in your browser, so your content is not sent to a server. MarkdownMe provides free, fast, and reliable Markdown tools for developers, writers, and anyone who works with Markdown.