Color Converter - HEX, RGB, HSL

Converte entre HEX, RGB, HSL e CMYK com preview ao vivo

🔒 100% no browser🆓 Grátis pra sempre⚡ Sem sign-up
Nota: A interface da ferramenta abaixo por enquanto está só em inglês. Estamos traduzindo uma por uma. Ver essa ferramenta em inglês →
HEX
RGB
HSL
hsl(221, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)

Como funciona

  1. 1
    Digita uma cor

    Type um HEX, valores RGB, valores HSL, ou usa o color picker.

  2. 2
    Vê todos os formatos

    Os outros três formatos atualizam ao vivo junto ao preview.

  3. 3
    Copia qualquer formato

    One-click copy pra HEX, RGB, HSL ou CMYK.

Sobre Color Converter - HEX, RGB, HSL

Color converter grátis online. Converte qualquer cor entre formatos HEX, RGB, HSL e CMYK com um swatch de preview ao vivo. Copia qualquer formato num click. Ideal pra designers transitando entre Figma, CSS e flows de print. Color Converter - HEX, RGB, HSL no 712 Tools roda inteiro dentro do seu browser via APIs nativas de JavaScript - nenhum server vê seus dados. Isso significa resultado na hora, privacidade total e nenhum limite de upload.

Seja pra uma sessão de debug, uma checagem rápida ou um incidente em produção, essa ferramenta é grátis e sem limite de uso. Sem watermarks, sem sign-up e sem ads dentro da ferramenta.

Perguntas frequentes

Suporta alpha (RGBA / HSLA)?

Sim. Se você digitar #RRGGBBAA ou rgba(), o alpha é preservado nos formatos que suportam.

Quão precisa é a conversão CMYK?

Usa a fórmula math-based padrão sRGB → CMYK. Pra CMYK print-accurate (com perfil ICC) usa uma tool de design - CMYK na tela é sempre aproximação.

Que formatos HEX aceita?

3 dígitos (#f0a), 4 com alpha (#f0a8), 6 (#ff00aa) e 8 (#ff00aa88).

Meus dados de cor são enviados?

Não. A conversão roda inteira no seu browser.

Leia mais

5 min de leitura

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 leitura

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 leitura

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.

Ferramentas relacionadas

Palette Generator

Gera paletas de cores harmoniosas a partir de uma cor base

CSS Gradient

Desenha gradients CSS linear, radial e conic com preview ao vivo

Box Shadow

Desenha box-shadows CSS multi-layer com preview ao vivo

Contrast Checker

Checa contraste texto/background contra WCAG 2.1 AA e AAA - preview ao vivo

Glassmorphism

Desenha frosted-glass cards CSS com preview ao vivo e código copy-ready

Physics Editor

Editor de hitbox de sprites grátis online - auto-traceia collision polygons e exporta pra Phaser, Matter.js, Rapier ou qualquer engine 2D