ToolsZone
Developer ToolsNew

Color Converter

Convert between HEX, RGB, HSL, CMYK and more. Includes contrast checker and palette generator.

#F5A623
HEX
#f5a623
RGB
rgb(245, 166, 35)
RGBA
rgba(245, 166, 35, 1)
HSL
hsl(37, 91%, 55%)
HSLA
hsla(37, 91%, 55%, 1)
CMYK
cmyk(0%, 32%, 86%, 4%)
HSV
hsv(37, 86%, 96%)
Integer
16098851
Binary
111101011010011000100011

Contrast Checker (WCAG)

White Text
2.03:1
AA ✗AAA ✗
Black Text
10.36:1
AA ✓AAA ✓

Shades (Light to Dark)

Color Harmonies

Complementary
Triadic 1
Triadic 2
Analogous +
Analogous -

## What does Color Converter do? Convert between HEX, RGB, HSL, CMYK and more. Includes contrast checker and palette generator. This free online tool runs entirely in your browser, ensuring your data stays private.

How to use Color Converter

  1. 1

    Enter or Pick Color

    Type a HEX color code, use the color picker, or enter a named color like 'red' or 'blue'.

  2. 2

    View All Formats

    See your color converted to HEX, RGB, HSL, CMYK, and more formats.

  3. 3

    Check Contrast

    Review the contrast ratios against white and black text for accessibility.

  4. 4

    Copy & Use

    Click any copy button to get the color in your preferred format.

Related Tools

JSON Formatter

Format, prettify, and validate JSON with syntax highlighting.

JSON Validator

Validate your JSON and get clear, helpful error messages.

HTML Encoder

Encode special HTML characters to safe HTML entities.

HTML Decoder

Decode HTML entities back to readable text.

Frequently Asked Questions

What is the difference between HEX and RGB?

HEX is a 6-digit hexadecimal code (#RRGGBB). RGB uses decimal values (0-255) for red, green, blue. Both represent the same color.

What is HSL?

HSL stands for Hue, Saturation, Lightness. It's more intuitive for color adjustments - you can easily make a color lighter/darker by changing the L value.

What is a good contrast ratio?

WCAG AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 for normal text. The tool shows AA/AAA badges.

Can I search for CSS named colors?

Yes! Type color names like 'coral', 'navy', 'gold', or 'crimson' and the tool will find the HEX value.

What are complementary colors?

Complementary colors are opposite each other on the color wheel. They create high contrast and work well together in designs.