Color Converter - HEX, RGB, HSL

Convert between HEX, RGB, HSL, and CMYK with live preview

🔒 100 % im Browser🆓 Für immer kostenlos⚡ Kein Signup
Hinweis: Das Tool-Interface unten ist aktuell nur auf Englisch verfügbar. Wir übersetzen die UIs Stück für Stück. Dieses Tool auf Englisch ansehen →
HEX
RGB
HSL
hsl(221, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)

So funktioniert's

  1. 1
    Enter a color

    Type a HEX code, RGB values, HSL values, or use the color picker.

  2. 2
    See all formats

    The other three formats update live alongside a color preview.

  3. 3
    Copy any format

    One-click copy for HEX, RGB, HSL, or CMYK.

Über Color Converter - HEX, RGB, HSL

Free online color converter. Convert any color between HEX, RGB, HSL, and CMYK formats with a live preview swatch. Copy any format with one click. Perfect for designers moving between Figma, CSS, and print workflows. Color Converter - HEX, RGB, HSL auf 712 Tools läuft komplett in deinem Browser über native JavaScript APIs - kein Server sieht je deine Daten. Das heißt: sofortige Ergebnisse, volle Privatsphäre und keine Upload-Limits.

Ob für eine Debugging-Session, einen schnellen Sanity Check oder einen Produktions-Incident - dieses Tool ist kostenlos so oft nutzbar, wie du willst. Keine Wasserzeichen, kein Signup und keine Ads im Tool selbst.

Häufige Fragen

Does it support alpha (RGBA / HSLA)?

Yes. If you enter #RRGGBBAA or an rgba() value, alpha is preserved across all formats that support it.

How accurate is the CMYK conversion?

It uses the standard math-based sRGB → CMYK formula. For print-accurate CMYK (with an ICC profile) use a design tool - screen CMYK is always an approximation.

Which HEX formats are accepted?

3-digit (#f0a), 4-digit with alpha (#f0a8), 6-digit (#ff00aa), and 8-digit (#ff00aa88).

Is my color data sent anywhere?

No. Conversion runs entirely in your browser.

Weiterlesen

5 Min. Lesezeit

The WCAG color contrast checklist every designer should bookmark

AA vs AAA, the math behind the ratios, why gray-on-gray fails on retina screens, and the two-line HTML that makes a color contrast test run in seconds.

5 Min. Lesezeit

Glassmorphism, neumorphism, and where 2026 UI is actually heading

The design trends that shipped, the ones that flopped, and what makes modern UI actually feel modern - from frosted glass to soft shadows to conic gradients.

4 Min. Lesezeit

CSS gradient patterns that actually look good (and the two that don't)

Two colors and a 45° angle is not a gradient - it's a shortcut to a design that looks like every SaaS site from 2018. Here's how to build ones that don't.

Verwandte Tools

Palette Generator

Generate harmonious color palettes from a base color

CSS Gradient

Design linear, radial, and conic CSS gradients with live preview

Box Shadow

Design multi-layer CSS box-shadows with live preview

Contrast Checker

Check text/background contrast against WCAG 2.1 AA and AAA - live preview

Glassmorphism

Design frosted-glass CSS cards with live preview and copy-ready code

Physics Editor

Free online sprite hitbox editor - auto-trace collision polygons and export for Phaser, Matter.js, Rapier or any 2D engine