Creative

Instant, private, and free

Farbkonverter.

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

What is HEX color?

HEX color is a 6-character code representing red, green, and blue values in hexadecimal format (e.g., #FF5733).

What is the difference between HSL and HSV?

Both represent color with Hue and Saturation, but HSL uses Lightness (black to white) while HSV uses Value (darkness to brightness).

Cite this calculator

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

Cite as: Mathify. (2026). Farbkonverter. https://mathify.one/de/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