No se envían datos al servidor
Úselo al instante sin crear una cuenta
Todos los formatos se actualizan en tiempo real
El Conversor de Código de Color convierte instantáneamente entre los formatos HEX, RGB, HSL, HSV y CMYK en tiempo real. Seleccione colores visualmente, genere paletas armoniosas y verifique las relaciones de contraste WCAG, todo en un solo lugar.
Incluye paletas complementarias, análogas, triádicas y más, además de verificación de accesibilidad integrada. Perfecto para diseñadores web, desarrolladores CSS y cualquiera que trabaje con colores.
Todo el procesamiento se realiza en su navegador — no se envían datos a ningún servidor. No se requiere registro.
Elija un color
Haga clic en el panel selector, ajuste la barra de tono o escriba un código de color directamente en cualquier campo.
Vea las conversiones
Los cinco formatos (HEX, RGB, HSL, HSV, CMYK) se actualizan al instante. Las paletas y ratios de contraste también se calculan automáticamente.
Copie el código
Haga clic en el botón 📋 junto a cualquier formato para copiarlo. También puede copiar el bloque de variables CSS.
- HEX (Código hexadecimal)
- El formato de color más común en la web. Se escribe como #RRGGBB (6 dígitos) o #RGB (3 dígitos). Cada par representa la intensidad de rojo, verde y azul de 00 a FF.
- RGB (Red / Green / Blue)
- Modelo de color aditivo. Cada canal va de 0 a 255. En CSS: rgb(R,G,B) o rgba(R,G,B,A).
- HSL (Hue / Saturation / Lightness)
- Representa el color como tono (0-360°), saturación (0-100%) y luminosidad (0-100%). Más intuitivo y soportado directamente en CSS.
- HSV / HSB (Hue / Saturation / Value)
- Similar a HSL pero usa "valor" (brillo). Ampliamente utilizado en herramientas de diseño como Photoshop y Figma.
- CMYK (Cyan / Magenta / Yellow / Key)
- Modelo de color sustractivo usado en impresión. La conversión en el navegador es aproximada.
- Relación de contraste
- Medida de la diferencia de luminancia entre dos colores según las directrices WCAG. AA requiere ≥ 4.5:1, AAA requiere ≥ 7:1.
Todas las conversiones se realizan en JavaScript puro sin dependencias externas.
RGB ↔ HEX
Cada canal RGB (0-255) se convierte a un valor hexadecimal de dos dígitos.
RGB → HSL
Los valores RGB se normalizan a 0-1, la luminosidad L = (max+min)/2, y la saturación depende de L.
RGB → CMYK
Key (K) = 1 - max(R/255, G/255, B/255). Las conversiones en navegador son teóricas y pueden diferir de la impresión real.
Relación de contraste
Según WCAG 2.1: luminancia relativa L = 0.2126×R' + 0.7152×G' + 0.0722×B', ratio = (L1+0.05)/(L2+0.05).
- P. ¿Son precisas las conversiones CMYK para impresión?
- R. Las conversiones son valores teóricos. Para colores de impresión precisos, use software con gestión de color como Adobe Photoshop.
- P. ¿Soporta transparencia (alfa)?
- R. Sí. Use la barra de opacidad para establecer 0-100%. La salida incluye formatos HEX (#RRGGBBAA), rgba() y hsla().
- P. ¿Se envían mis datos a un servidor?
- R. No. Todo se ejecuta en su navegador. Los favoritos guardados usan localStorage solamente.
Diseño web
Convierta los colores de diseño a códigos CSS. Genere paletas armoniosas para una marca coherente.
Desarrollo CSS
Copie variables CSS, configuración de Tailwind y formatos rgba/hsla con un clic.
Presentaciones
Obtenga colores corporativos en cualquier formato para PowerPoint o Google Slides.
Accesibilidad
Verifique al instante las relaciones de contraste WCAG para cumplir con AA/AAA.
- Generador de CSS Box-Shadow｜Multicapa y Presets
- Generador CSS Clip-Path｜Editor Visual con Presets
- Generador de Animaciones CSS｜Salida de código @keyframes
- Generador de Gradientes CSS｜Lineal, radial y cónico con patrones CSS
- Generador de Animación Sprite CSS｜Código steps() Automático
- Herramienta de Subconjunto de Fuentes｜Reduce Fuentes Web para Sitios Más Rápidos
- Generador de Imágenes Responsivas｜HTML srcset y picture Element Automático
- Verificador de Encabezados HTTP y Auditoría de Seguridad
- Red
- Seguridad
- Procesamiento de Imágenes y Análisis de Texto
- Corrector de Escritura Japonesa | Herramienta Gratuita de Corrección
- Corrector de Mojibake — Conversor de Codificación Gratis
- Generador de formas SVG｜Ondas y blobs SVG con código CSS
- Contador de Caracteres y Palabras | Herramienta Gratuita de Análisis de Texto
- Lector de Texto a Voz | Herramienta TTS Gratuita – Sin límite ni registro
- Redes Sociales y Entretenimiento
- Bingo Online Gratis | Voz, Tarjetas y Personalización | Sin App
- Generador de Imágenes OG｜Crea Imágenes para Redes Sociales
- Ruleta Online Gratis — Sin Descarga, Sin Instalación | Personalizable
- ¡Sin App! Contador BPM Tap Tempo | Calculadora de Delay y Metrónomo
- Generador de Equipos Aleatorios | Grupos Equilibrados con Niveles de Habilidad
- Generador de Llaves de Torneo | Crear Cuadros y Tablas de Liga