Conversor de HEX a RGB

Transforma códigos de color HEX a su equivalente RGB de manera rápida y precisa. Ideal para diseñadores y desarrolladores.

En tu navegador Actualizado 05/2026

Pega un color HEX, mueve los deslizadores RGB o HSL, o usa el selector visual para convertir cualquier color entre HEX, RGB, HSL y CMYK al instante.

Elige un color visualmente
HEX
Pega un código HEX de 3 o 6 dígitos, con o sin el símbolo #.
RGB
HSL
CMYK
%
%
%
%
CMYK es un espacio de color para impresión - los valores se calculan a partir del RGB y se redondean a porcentajes enteros.
¿Qué es un conversor de colores?

Un conversor de colores traduce un mismo color entre los formatos que se usan en la web, el diseño y la impresión. El mismo tono de azul puede escribirse como #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) o cmyk(56%, 22%, 0%, 30%): cada formato sirve para herramientas distintas, pero todos describen el mismo color.

Referencia de formatos de color
  • HEX - Código hexadecimal de 6 caracteres usado en CSS y herramientas de diseño, como #4F8AB2.
  • RGB - Componentes Rojo, Verde y Azul de 0 a 255 - usado por CSS y la mayoría de las API.
  • HSL - Tono (0-360), Saturación (%) y Luminosidad (%) - fácil de razonar visualmente.
  • CMYK - Cian, Magenta, Amarillo, Negro - formato de cuatro canales utilizado en impresión.

Usa esta herramienta desde tu agente IA

API JSON y servidor Model Context Protocol (MCP) gratuitos. Sin registro, sin clave de API, CORS abierto. Pensado para Claude, ChatGPT, Cursor, scripts y aplicaciones frontend.

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

Añade a claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) o cualquier otro cliente compatible con MCP:

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
Documentación de la API OpenAPI 3.1 npm 60 req/min · 600 req/hora · cuerpo máx. 1 MB

Preguntas frecuentes

Divide el código HEX en tres pares y convierte cada uno de hexadecimal a decimal. Para #4F8AB2: 4F = 79, 8A = 138, B2 = 178, lo que da rgb(79, 138, 178). El conversor hace esta operación en tiempo real.

HEX, RGB y HSL describen el mismo color RGB con notaciones distintas: HEX es compacto, RGB indica los canales directos y HSL es más intuitivo para ajustar tono, saturación o brillo. CMYK es un espacio de cuatro canales pensado para imprenta - se calcula desde RGB y puede no coincidir exactamente con todos los colores en pantalla.

Sí. Los códigos HEX de 3 dígitos son una forma abreviada en la que cada dígito se duplica: #FA0 equivale a #FFAA00. El conversor admite las dos formas, con o sin el símbolo # inicial.

Las pantallas usan RGB aditivo y la impresión usa CMYK sustractivo, y no todos los colores RGB tienen un equivalente CMYK exacto. El software de diseño profesional aplica perfiles específicos de papel, tinta e impresora - los valores que ves aquí son una conversión matemática útil como punto de partida.

Los canales RGB se limitan a 0-255 y la saturación y luminosidad de HSL a 0-100%. El tono se trata como un valor de 0-360 grados. Si introduces un valor fuera de rango, el conversor lo ajusta dentro del rango válido y actualiza el resto de formatos.