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.


Pega un código HEX de 3 o 6 dígitos, con o sin el símbolo #.
Borrar

¿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.

Cómo convertir HEX a RGB manualmente

Un color HEX no es más que tres pares de dígitos hexadecimales (base 16). Convierte cada par en un número decimal de 0 a 255.

  1. Divide el HEX de 6 dígitos en tres pares: RR, GG, BB (elimina el # inicial).
  2. Para cada par, multiplica el primer dígito por 16 y suma el segundo (A=10, B=11, … F=15).
  3. Los tres resultados son tus valores de Rojo, Verde y Azul.

Ejemplo: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).

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.

Se usa a menudo junto con: Obtén paleta de colores de foto · Selector de colores de imagen

¿Cómo convierto HEX a RGB?

Un conversor de HEX a RGB transforma un código de color hexadecimal como #FF8800 en valores RGB para usar en herramientas de diseño y en código. Cada par de dígitos hexadecimales es un canal - rojo, verde y azul - con un valor de 0 a 255.

Herramientas relacionadas

Ver Todas
Generador de Códigos de BarrasCifrado y Descifrado de TextoDecodificador JWTDetección de Idioma del NavegadorGenerador de FaviconsExtractor de URLs de SitemapExtraer Título y Metadatos de URLsExtractor de Imágenes Web