Convertidor de Colores HEX, RGB y HSL
Convierte cualquier color CSS entre HEX, RGB y HSL con vista previa.
100% en tu navegador — no se sube nadaConvertir HEX a RGB y HSL
Sobre este convertidor de colores
Escribe o pega un color en cualquier formato CSS común: hex de 3, 4, 6 u 8 dígitos, rgb() / rgba(), hsl() / hsla(), o un nombre CSS como tomato. Al instante verás todos los equivalentes — HEX, RGB y HSL, más rgba(), hsla() y hex de 8 dígitos cuando el color tiene transparencia — junto con una muestra grande del color y un selector nativo que se mantienen sincronizados con lo que escribas.
Es ideal para el día a día del desarrollo web: el diseñador te pasa un rgba(), tu hoja de estilos usa hex y tus variables de diseño quieren HSL para ajustar la luminosidad sin cambiar el tono. Toda la conversión ocurre localmente en tu navegador con fórmulas exactas de RGB a HSL y viceversa: no hay servidor de por medio, no se registra nada y no necesitas cuenta.
Preguntas frecuentes
¿Cómo convierto un color HEX a RGB?
Un color hex es rojo, verde y azul escritos en base 16: #0b7a55 significa rojo 0b (11), verde 7a (122) y azul 55 (85), es decir rgb(11, 122, 85). Pega cualquiera de los dos formatos y la herramienta convierte en ambas direcciones al instante.
¿Qué es HSL y cuándo conviene usarlo?
HSL describe un color por tono (0–360°), saturación y luminosidad. Es mucho más intuitivo para crear variaciones: aclara u oscurece un color moviendo solo la luminosidad, sin alterar el tono. Por eso es el formato favorito para sistemas de diseño y temas.
¿Acepta colores con transparencia y nombres CSS?
Sí. Acepta hex de 4 y 8 dígitos, rgba(), hsla(), la sintaxis moderna con barra como rgb(11 122 85 / 50%) y los nombres CSS como teal o tomato. Los espacios de color nuevos como lab() u oklch() no están soportados; la herramienta se enfoca en los formatos sRGB clásicos.