Conversor de Colores
Convierte colores entre formatos HEX, RGB y HSL
¿Qué es el Conversor de Colores?
Creado y mantenido por el equipo de BitConvert · Feb 27, 2026
El Conversor de Colores traduce un solo color entre las tres notaciones más usadas en la web: HEX (la forma hexadecimal #RRGGBB usada en CSS), RGB (canales de rojo, verde y azul de 0 a 255) y HSL (matiz en grados con porcentajes de saturación y luminosidad). Introduce un valor en un modelo y recalcula al instante los equivalentes en los demás.
Un selector visual y una vista previa en vivo te permiten observar un tono y leer sus códigos exactos, mientras cada valor se mantiene sincronizado a medida que ajustas cualquiera de ellos. Como HEX, RGB y HSL describen el mismo espacio de color aditivo de pantalla, las conversiones entre ellos son exactas: sin sorpresas de redondeo cuando trasladas un color de marca de una herramienta de diseño a una hoja de estilos.
Funciones principales
HEX, RGB y HSL
Convierte entre las tres notaciones en las que se basan CSS y las herramientas de diseño, con los valores sincronizados mientras editas cualquier campo.
Vista previa en vivo
Una muestra se actualiza mientras escribes o eliges, mostrando exactamente cómo se ve el valor actual en pantalla.
Selector visual
Arrastra por el selector de color para explorar tonos y leer al instante sus códigos en todos los formatos.
Copiar cualquier formato
Copia la cadena HEX, RGB o HSL con un clic para pegarla directamente en una hoja de estilos o un archivo de diseño.
Casos de uso comunes
Convierte un código HEX de marca en un valor rgb() para poder añadir transparencia con rgba() en CSS. Ajusta un color usando HSL para crear variantes más claras o más oscuras para estados hover y matices en un sistema de diseño. Iguala un color tomado de una maqueta leyendo sus valores exactos de RGB y HEX para una entrega limpia al desarrollador. Traduce rápidamente la elección HSL de un diseñador al código HEX que espera tu base de código.
Preguntas Frecuentes
Última actualización: Feb 27, 2026