Color Converter - HEX, RGB, HSL

Convierte entre HEX, RGB, HSL y CMYK con preview en vivo

🔒 100% en el browser🆓 Gratis para siempre⚡ Sin sign-up
Nota: La interfaz de la herramienta de abajo por ahora solo está en inglés. Estamos traduciéndolas una a una. Ver esta herramienta en inglés →
HEX
RGB
HSL
hsl(221, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)

Cómo funciona

  1. 1
    Ingresa un color

    Type un HEX, valores RGB, valores HSL, o usa el color picker.

  2. 2
    Ve todos los formatos

    Los otros tres formatos se actualizan en vivo junto al preview.

  3. 3
    Copy cualquier formato

    One-click copy para HEX, RGB, HSL o CMYK.

Sobre Color Converter - HEX, RGB, HSL

Color converter gratis online. Convierte cualquier color entre formatos HEX, RGB, HSL y CMYK con un swatch de preview en vivo. Copia cualquier formato en un click. Ideal para designers moviéndose entre Figma, CSS y flows de print. Color Converter - HEX, RGB, HSL en 712 Tools corre entero dentro de tu browser con APIs nativas de JavaScript - ningún server ve tus datos. Eso significa resultados al instante, privacidad total y sin límites de upload.

Ya sea para una sesión de debug, una comprobación rápida o un incidente en producción, esta herramienta es gratis y sin límite de usos. Sin watermarks, sin sign-up y sin ads dentro de la herramienta.

Preguntas frecuentes

¿Soporta alpha (RGBA / HSLA)?

Sí. Si ingresas #RRGGBBAA o rgba(), el alpha se preserva en todos los formatos que lo soporten.

¿Qué tan precisa es la conversión CMYK?

Usa la fórmula math-based estándar sRGB → CMYK. Para CMYK print-accurate (con perfil ICC) usá una tool de diseño - el CMYK en pantalla siempre es aproximado.

¿Qué formatos HEX acepta?

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

¿Se envían mis datos?

No. La conversión corre entera en tu browser.

Leer más

5 min de lectura

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 lectura

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 lectura

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.

Herramientas relacionadas

Palette Generator

Genera paletas de color armoniosas desde un color base

CSS Gradient

Diseña gradients CSS linear, radial y conic con preview en vivo

Box Shadow

Diseña box-shadows CSS multi-layer con preview en vivo

Contrast Checker

Chequeá contraste texto/background contra WCAG 2.1 AA y AAA - preview en vivo

Glassmorphism

Diseñá cards CSS de frosted-glass con preview en vivo y código copy-ready

Physics Editor

Editor de hitbox de sprites gratis online - auto-traceá collision polygons y exportá para Phaser, Matter.js, Rapier o cualquier engine 2D