Traduce una guía de marca
Convierte el hex de un manual de marca en PDF a RGB y HSL para CSS, código e impresión. Lleva el color base al generador de escalas de tonos cuando necesites una rampa completa.
Convertidor de HEX a RGB
Convierte cualquier código de color hex a RGB. Pega, convierte, copia. Parte de generador de paletas de color con IA.
Respuesta rápida: Hex y RGB son dos notaciones para el mismo color. Un código hex como #4CA3FF representa rojo (4C = 76), verde (A3 = 163) y azul (FF = 255) como pares hexadecimales.
RGB
rgb(76, 163, 255)
HSL
hsl(211, 100%, 65%)
OKLCH
oklch(0.70 0.16 252)
Declaraciones CSS
color: rgb(76, 163, 255); color: hsl(211, 100%, 65%); color: oklch(0.70 0.16 252);
Cómo funciona
- 1
Escribe un código hex
Escribe o pega cualquier valor hex de 3 o 6 dígitos.
- 2
Mira la conversión
Los valores RGB, HSL y OKLCH aparecen al instante.
- 3
Copia el formato que necesitas
Haz clic en cualquier valor para copiarlo.
¿Qué es la conversión de hex a RGB?
Hex y RGB son dos notaciones para el mismo color. Un código hex como #4CA3FF representa rojo (4C = 76), verde (A3 = 163) y azul (FF = 255) como pares hexadecimales. RGB escribe los mismos valores en decimal: rgb(76, 163, 255).
Hex es el estándar en CSS y herramientas de diseño. RGB es común en software de edición de imágenes, desarrollo Android, y APIs que reciben valores de canal. Convertir entre ellos es un cambio de formato, no una transformación de espacio de color. El color se mantiene idéntico.
El CSS moderno también soporta OKLCH, un espacio de color perceptualmente uniforme donde pasos numéricos iguales producen cambios visuales iguales. OKLCH se usa cada vez más en design systems para generar escalas de tonos consistentes.
Verifica un par convertido con el verificador de contraste WCAG antes de publicarlo, o extrae los colores fuente de una imagen con genera una paleta desde una foto. Para sets de tokens completos y exportaciones, escalas de tonos y exportaciones Pro.
Casos de uso comunes
Lleva colores a una herramienta de diseño
Obtén OKLCH para variables de Figma, RGB para Sketch y HSL para hojas de estilo antiguas en un solo paso.
Arma una variable CSS al vuelo
Copia una declaración --token: rgb(...) lista para usar y sáltate la conversión manual.
Iguala un color de captura de pantalla
Toma el hex de tu cuentagotas y obtén cada formato que necesitas sin pasar por varios conversores.
Preguntas frecuentes
Un color convertido.
Paletta genera escalas de tonos completas de 50 a 950 para cada color de tu sistema.