Color Converter

智能输入（支持 HEX、RGB、HSL、CSS 颜色名）

最接近的 CSS 颜色名: mediumseagreen

RGB

HSL

HSV

HEX#22c55e

RGBrgb(34, 197, 94)

RGBArgba(34, 197, 94, 1)

HSLhsl(142, 71%, 45%)

HSLAhsla(142, 71%, 45%, 1)

HSVhsv(142, 83%, 77%)

HWBhwb(142, 13%, 23%)

CMYKcmyk(83%, 0%, 52%, 23%)

XYZxyz(22.64, 41.08, 17.32)

LABlab(70, -62, 40)

LCHlch(70, 74, 147)

OKLABoklab(1, 0, 0)

OKLCHoklch(1, 0, 180)

WCAG 对比度检查

白字

2.28:1

AA ✗AAA ✗

黑字

9.22:1

AA ✓AAA ✓

Free online color converter. Support HEX, RGB, HSL, HSV, CMYK, and other common color value conversions for webpage color schemes, design color matching, and print color value calculation.

Color Blind Simulator

TSX Minifier

CSS Formatter

TSX Formatter

JSON Compress

Base64 Encoder

Use Cases

Convert HEX color values from design mockups to RGB or HSL for CSS styles during frontend development
Unify color value formats between different software for UI designers
Convert screen color values to CMYK for print reference during print communication
Quickly compare numerical values of the same color in different formats during brand color scheme development

Features

Multi-format color conversion: Support quick conversion between HEX, RGB, HSL, HSV, CMYK, and other common color codes
Suitable for design and development: Suitable for UI design, frontend style writing, brand color schemes, and print communication scenarios
Convenient result copying: After conversion, directly copy color values for continued use in design mockups, CSS, or document annotations
More intuitive color preview: More efficient to view and modify simultaneously, help quickly confirm if color values meet expectations

How to Use

1.Enter color value or use color picker to select color
2.Tool automatically converts color to HEX, RGB, HSL, HSV, CMYK, and other formats
3.View color values and preview effects in each format
4.Copy needed color values for design mockups, CSS, or documents

FAQ

What color formats does the Color Converter support?

Supports HEX, RGB, HSL, HSV, CMYK, and other common color code conversions, meeting webpage design, UI color matching, and print scenario needs.

Is it suitable for frontend development and designers for daily use?

Very suitable. Whether for CSS color schemes, design mockup color matching, or unifying color values between different software, all can be completed quickly.

Can I see conversion results while selecting colors?

Yes. When used with a color picker, you can more intuitively view current color numerical results in different formats.

Why is there a difference between web colors and print colors?

Web commonly uses RGB, HEX, and other screen color spaces. Print more commonly uses CMYK. Visual performance may differ after conversion between different color spaces.