Color Converter - HEX, RGB, HSL

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

🔒 100% di browser🆓 Gratis selamanya⚡ Tanpa signup
Catatan: Interface tool di bawah saat ini baru tersedia dalam bahasa Inggris. Kami sedang menerjemahkan UI satu per satu. Lihat tool ini dalam bahasa Inggris →
HEX
RGB
HSL
hsl(221, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)

Cara pakai

  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.

Tentang 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 di 712 Tools jalan sepenuhnya di browser kamu pakai JavaScript API native - tidak ada server yang pernah melihat data kamu. Artinya hasil instan, privasi penuh, dan tanpa batas upload.

Buat sesi debug, quick sanity check, atau incident produksi - tool ini gratis dipakai sebanyak yang kamu butuh. Tanpa watermark, tanpa signup, dan tanpa ads di dalam tool.

Pertanyaan yang sering ditanyakan

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.

Baca lebih lanjut

5 menit baca

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 menit baca

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 menit baca

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.

Tools terkait

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