Conversor de HEX a RGB
Un preajuste de Selector y conversor de color
Convierte un código de color hexadecimal a valores RGB. La abreviatura como #abc se expande correctamente a #aabbcc, y cada otro formato se muestra junto para que tomes el que tu código necesite.
- Los archivos nunca salen de tu dispositivo
- Gratis, sin registro
- Sin marcas de agua
- Funciona sin conexión una vez cargado
Cómo selector y conversor de color
- 1
Elige un color
Usa la muestra, o escribe un valor HEX o RGB directamente.
- 2
Copia cualquier formato
HEX, RGB, HSL, HSV y CMYK se muestran todos a la vez.
- 3
Comprueba el contraste
Establece un fondo para ver si el texto pasa WCAG AA y AAA.
Por qué existen los códigos hexadecimales abreviados y cómo se expanden
Tanto CSS como las herramientas de diseño admiten una notación hexadecimal abreviada de tres caracteres — `#abc` — como una forma compacta de escribir colores donde cada canal resulta usar un dígito repetido, y se expande duplicando cada carácter en lugar de rellenar con ceros: `#abc` se convierte en `#aabbcc`, no en `#0a0b0c`. Esta distinción importa porque las dos expansiones posibles producen colores genuinamente distintos, y hacerlo al revés al convertir a mano es un error fácil y común — duplicar correctamente cada dígito en lugar de rellenar con ceros es exactamente lo que una conversión adecuada necesita acertar.
Leer valores RGB correctamente en distintas herramientas
Los valores RGB se escriben convencionalmente como tres números de 0 a 255 para rojo, verde y azul respectivamente, pero la notación exacta varía según dónde se peguen — CSS acepta `rgb(171, 187, 204)` con comas, algunas herramientas de diseño e ilustración esperan los mismos tres números separados por espacios sin comas en absoluto, y unos pocos contextos expresan cada canal como una fracción de 0 a 1 en lugar de un entero de 0 a 255. Ver el valor desglosado aquí elimina la necesidad de convertir manualmente entre la notación específica que resulte esperar una herramienta o base de código destino.
Una forma rápida de comprobar un valor extraído de una captura de pantalla o archivo de diseño
Un código hexadecimal copiado del cuentagotas de una herramienta de diseño, una guía de estilo de marca, o un selector de color de captura de pantalla es frecuentemente el único valor disponible, sin ningún desglose RGB adjunto — pegarlo aquí para ver los equivalentes RGB, HSL y CMYK juntos es más rápido que buscar cada conversión individualmente o hacer la aritmética a mano.
Preguntas frecuentes
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX y RGB describen lo mismo en distinta notación — cuánto rojo, verde y azul mezclar. HSL lo reformula como matiz, saturación y luminosidad, que es mucho más fácil de razonar: para aclarar un color cambias un número en lugar de adivinar tres.
¿Qué significa la relación de contraste?
Compara la luminancia relativa de dos colores en una escala de 1 (idéntico) a 21 (negro sobre blanco). WCAG requiere al menos 4.5:1 para texto normal y 3:1 para texto grande en el nivel AA, subiendo a 7:1 y 4.5:1 en AAA.
¿Por qué mi color falla el contraste cuando a mí me parece bien?
Porque la relación se calcula a partir de la luminancia relativa, no de cuán diferentes parecen dos colores. Dos colores vívidos de brillo similar — naranja sobre rojo, digamos — se ven distintos pero llevan casi ningún contraste de luminancia, y se vuelven ilegibles para cualquiera con baja visión o en una pantalla bajo el sol.
¿La conversión a CMYK es precisa para impresión?
Es la conversión aritmética estándar, que es un punto de partida en lugar de un resultado con gestión de color. El trabajo de impresión real necesita un perfil ICC para la imprenta y el papel específicos, porque CMYK no puede reproducir en absoluto muchos colores RGB brillantes.
También podrías necesitar
Generador de códigos QR
Crea códigos QR para enlaces, texto, WiFi y más
Extractor de paleta de color
Extrae los colores dominantes de una imagen
Formateador de CSS
Embellece o minifica hojas de estilo
Generador de códigos de barras
Códigos de barras Code 128 como SVG escalable
Generador de facturas
Crea y descarga una factura profesional en PDF
Generador de contraseñas
Crea contraseñas y frases de contraseña aleatorias fuertes
Generador de currículums
Crea un currículum limpio y compatible con sistemas ATS, y descárgalo en PDF
Generador de UUID
Genera UUID v4 y v7 en masa