Color Converter - HEX, RGB, HSL

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

🔒 100 % in-browser🆓 Gratuit pour toujours⚡ Pas de signup
Note : L'interface de l'outil ci-dessous n'est actuellement disponible qu'en anglais. On traduit les UI une par une. Voir cet outil en anglais →
HEX
RGB
HSL
hsl(221, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)

Comment ça marche

  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.

À propos de 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 sur 712 Tools tourne entièrement dans ton browser via des APIs JavaScript natives - aucun server ne voit jamais tes données. Résultats instantanés, privacy complète, et aucune limite d'upload.

Que ce soit pour une session de debug, un sanity check rapide ou un incident en prod, cet outil est gratuit à utiliser autant que tu veux. Pas de watermarks, pas de signup et pas d'ads dans l'outil.

Questions fréquentes

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.

Lire plus

5 min de lecture

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 de lecture

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 de lecture

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.

Outils similaires

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