Creative

Instant, private, and free

颜色转换器.

Convert colors between HEX, RGB, HSL, HSV, and CMYK formats

On-device calculationNo signup
01

Set your values

Results update as you type.

r
g
b
h
217°
s
91%
l
60%
#3B82F6
rgb(59, 130, 246)
RGB
59, 130, 246
HSL
217°, 91%, 60%
CMYK
76, 47, 0, 4
HSV
217°, 76%, 96%

FAQs

什么是HEX颜色？

HEX颜色是一个6字符代码，以十六进制格式表示红、绿、蓝的数值（例如#FF5733）。

HSL和HSV有什么区别？

两者都用色相和饱和度表示颜色，但HSL使用明度（黑到白），而HSV使用明度值（暗到亮）。

Cite this calculator

Canonical URL: https://mathify.one/zh/creative/color-converter

Cite as: Mathify. (2026). 颜色转换器. https://mathify.one/zh/creative/color-converter

Use Cases

Web Design and Development

Quickly convert between color formats when coding CSS or HTML. Ensure consistent colors across different design tools and frameworks.

Example: Convert #3498db to HSL for use in a CSS variable.

Print and Graphic Design

Switch between RGB and CMYK to prepare digital designs for print, ensuring accurate color reproduction.

Example: Convert a brand color from RGB to CMYK for a brochure.

Frequently Asked Questions

How do I convert a HEX color to RGB using this tool?
Enter the HEX value (e.g., #FF5733) into the HEX input field. The tool instantly displays the corresponding RGB values (e.g., rgb(255, 87, 51)) along with HSL, HSV, and CMYK equivalents. You can copy any format with one click.
Can I convert from CMYK to HEX?
Yes. Input CMYK values (Cyan, Magenta, Yellow, Black) in the CMYK fields. The converter will compute the HEX, RGB, HSL, and HSV representations, updating the visual preview in real time.
Does the color converter show a preview of the color?
Absolutely. As you enter values in any format, a visual color preview updates instantly, showing the exact color you've defined. This helps you verify the result before copying.

Tips & Common Mistakes

Tips

  • Use the visual preview to verify your color before copying, especially when converting between formats.
  • When entering HEX, include the '#' symbol for clarity, but the tool may accept it without.
  • For CMYK, remember that values are percentages (0-100). Ensure you enter them correctly to get accurate conversions.
  • Copy the converted value directly to your clipboard for use in your projects.

Common Mistakes to Avoid

  • Entering RGB values outside the 0-255 range, which can cause unexpected results.
  • Confusing HSL and HSV – they are different models; check which one you need.
  • Assuming CMYK values are on a 0-1 scale instead of 0-100, leading to incorrect conversions.

Last updated: August 13, 2026