Skip to main content
DevFlow AIDevFlow AI
ToolsDocsFavoritesHistorySettings
Star on GitHubContribute

Free & open source

DevFlow AIDevFlow AI
ToolsDocsFavoritesHistorySettings
Star on GitHubContribute

Free & open source

DevFlow AIDevFlow AI
ToolsColor Converter

Color Converter

Convert colors between formats with contrast checking

Help

Supported formats

Contrast checker

Sample text
21.00:1WCAG AAA
AAA
Pass
AA
Pass
AA large
Pass

No colour yet

Enter a colour in any format to see every conversion, its contrast and a matching palette.

About this tool

The Color Converter transforms colors between HEX, RGB, HSL, OKLCH, and HWB with a live preview. It includes a WCAG contrast checker for accessibility and a palette generator with complementary, analogous, triadic, and shade harmonies. All conversions use pure math with no dependencies.

How to use it

  1. Enter a color. Type a value in any format, or use the native color picker.
  2. Read every format. See the equivalent HEX, RGB, HSL, OKLCH, and HWB values.
  3. Check contrast. Use the WCAG checker to verify accessible text and background pairs.
  4. Copy what you need. Copy any format, or generate a matching palette.

Frequently asked questions

Which color formats are supported?
HEX, RGB, HSL, OKLCH, and HWB, converted live in both directions.
Is the Color Converter free?
Yes. It is free and open source, with no login.
Does it check accessibility?
Yes. The built-in WCAG contrast checker verifies whether a color pair meets AA and AAA thresholds.
Is my input sent to a server?
No. All conversions run locally in your browser.
Can it generate a palette?
Yes. It builds complementary, analogous, triadic, and shade palettes from your base color.