Free foreverNo watermarksNo signupInstant results

Color Converter — HEX, RGB, HSL & CMYK

Convert colors between HEX, RGB, HSL, and CMYK formats. Visual color picker, CSS output, contrast checker, and common color palette. Free online, no signup.

CSS Values

color: #5e6ad2;

color: rgb(94, 106, 210);

color: hsl(234, 56%, 60%);

Contrast Checker

Background:

Sample Text

The quick brown fox jumps over the lazy dog

Ratio: 4.47:1AA: FailAAA: Fail

How it works

1

Enter your data

Fill in the form fields or paste your content to get started.

2

Processed in your browser

Everything runs client-side — your data never leaves your machine.

3

Copy or download results

Get instant results you can copy to clipboard or download.

Features

All Formats

Convert between HEX, RGB, HSL, and CMYK color formats.

Visual Picker

Use the native color picker for visual color selection.

CSS Output

Ready-to-use CSS color values in all formats.

Contrast Checker

Check WCAG contrast ratio between two colors.

Quick Palette

Common colors for quick selection and conversion.

Bidirectional Sync

Edit any format and all others update automatically.

Frequently asked questions

What is HEX color format?

HEX colors use a six-digit hexadecimal code preceded by # (e.g., #FF5733). Each pair of digits represents Red, Green, and Blue values from 00 to FF.

What is the difference between RGB and HSL?

RGB defines colors by Red, Green, and Blue values (0-255). HSL defines colors by Hue (0-360°), Saturation (0-100%), and Lightness (0-100%). HSL is often more intuitive for selecting color variations.

What is WCAG contrast ratio?

WCAG contrast ratio measures the relative luminance between foreground and background colors. AA requires 4.5:1 for normal text, AAA requires 7:1. This ensures text is readable for all users.

When should I use CMYK?

CMYK is used for print design. If you're designing for print (business cards, flyers, etc.), you'll need CMYK values. For web/screen, use HEX, RGB, or HSL.

Is this tool accurate for print colors?

The CMYK conversion provides a close approximation but may not be 100% accurate for print. For critical print work, use a color management system with ICC profiles.

Related tools

Open Graph Meta Tag Generator — Free Online

Generate Open Graph and Twitter Card meta tags for your website. Preview how your page will look when shared on social media. Free, no signup required.

Meta Tag Generator — Free Online SEO Tool

Generate HTML meta tags for SEO including title, description, keywords, robots, canonical URL, viewport, and Open Graph tags. Free online, no signup required.

QR Code Generator — Free Online, No Signup

Generate QR codes for URLs, text, WiFi, and vCards. Customize colors and size, download as PNG or SVG. Free online, no signup required.

Use cases

Web Development

Convert between color formats when working with CSS, design tokens, and frontend frameworks.

Design Handoff

Quickly convert designer color specs (HEX) to CSS-ready formats (RGB, HSL).

Accessibility Testing

Check color contrast ratios to ensure your designs meet WCAG accessibility standards.