Color Converter
Convert colors between HEX, RGB, HSL, HWB, OKLCH and CMYK.
Input color
Swatch
All formats
About the Color Converter
Type or pick any color and instantly see it expressed in HEX, RGB, HSL, HWB, OKLCH and CMYK, with a live swatch preview and one-click copy for every format.
Examples
Hex to other formats
#6366f1Output
rgb(99, 102, 241) / hsl(239, 84%, 67%)Keyboard shortcuts
- Copy the main outputCtrl / ⌘ + Shift + C
- Download the resultCtrl / ⌘ + S
- Share this toolCtrl / ⌘ + Shift + S
- Reset the inputsAlt + R
- Open the tool search paletteCtrl / ⌘ + K
Related tools
Color Blindness Simulator
Color
Simulate how a palette looks with common color vision deficiencies.
Color Mixer
Color
Blend two colors with a ratio slider and preview CSS blend modes.
Contrast Checker
Color
Check WCAG 2.1 contrast ratio between two colors.
Gradient Palette Extractor
Color
Extract and normalize colors from CSS gradients or lists.
Hex to SwiftUI & UIColor Converter
Color
Turn a hex color into SwiftUI, UIKit and asset catalog code.
Palette Generator
Color
Generate complementary, analogous, triadic and other palettes.
Frequently asked questions
Read more
- Color contrast and WCAG: making UI accessible
How WCAG contrast ratios are calculated, which levels apply to which content, and practical fixes for common failures.
Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser