🎨

Color Converter

Convert between HEX, RGB, and HSL color formats.

How to use

Enter a color in any format — HEX (#6366f1), RGB (rgb(99, 102, 241)), or HSL (hsl(239, 84%, 67%)). The tool converts it to all three formats instantly.

When to use each format in CSS

  • HEX — shortest syntax, most common in design tools and Tailwind color config
  • RGB — useful when you need to set alpha with rgba(), or when manipulating values programmatically
  • HSL — most human-readable for adjusting colors: hue rotates the color wheel (0–360°), saturation controls vividness, lightness controls brightness

Tip: for design tokens and CSS custom properties, HSL makes it easy to create lighter/darker variants by only changing the lightness value.

Related Tools

{ } CSS Minifier { } JSON Formatter & Validator B64 Base64 Encode/Decode %20 URL Encode/Decode ID UUID Generator # Hash Generator

Use via API

Integrate this tool into your workflow with our free REST API.

View API docs →

Embed This Tool

Add this tool to your site or blog:

New Tool Every Week

Get notified when we ship new tools and Android apps. One email, no fluff.