Color Convertidor
Conversor de formato de color de tres vías: escriba cualquier campo y HEX, RGB y HSL se actualizarán instantáneamente. La muestra de vista previa en vivo muestra el color a medida que escribe. Haga clic en Copiar junto a cualquier campo para obtener el valor de CSS o herramientas de diseño.
Cómo convertir formatos de color
Ingrese cualquier valor de color para comenzar
Escriba o pegue un valor de color en cualquiera de los tres campos: HEX, RGB o HSL. Los otros dos se actualizan a medida que escribe sin presionar Enter ni hacer clic en un botón. La muestra de vista previa a la izquierda muestra el resultado en vivo. Haga clic en Copiar junto a cualquier campo para copiar el valor formateado directamente a su portapapeles, listo para pegarlo en CSS o una herramienta de diseño.
Códigos HEX: el estándar CSS
Los colores HEX utilizan seis dígitos hexadecimales con el prefijo #, Por ejemplo #FF5733. Cada par de dígitos representa un canal rojo, verde o azul en una escala de 00 (ninguno) a FF (intensidad total). Taquigrafía de tres dígitos como #FFF o #ABECEDARIO también se acepta y se expande automáticamente. HEX es el formato más común en CSS, atributos HTML y herramientas de diseño como Figma, Sketch y Adobe XD.
RGB: valores de canal rojo, verde y azul
RGB especifica la intensidad de la luz roja, verde y azul utilizando números enteros del 0 al 255. El formato CSS es rgb(R,G,B), Por ejemplo RGB(255, 87, 51). Este formato se asigna directamente a cómo el hardware de visualización representa el color y es conveniente al pasar valores de color a JavaScript, API de dibujo Canvas 2D o código de procesamiento de imágenes que espera componentes de canal separados.
HSL: tono, saturación, luminosidad
HSL representa un color como tono (0–360°, la posición angular en la rueda de colores), saturación (0–100%, la intensidad del color) y luminosidad (0–100%, desde el negro puro hasta el blanco puro, pasando por el color). El formato CSS es hsl(H, S%, L%), Por ejemplo hsl(11, 100%, 60%). Se prefiere HSL al generar paletas de colores porque ajustar el tono cambia la familia de colores mientras que el brillo y la saturación generales permanecen constantes.
Preguntas frecuentes
¿Qué formatos de color admite este conversor?
La herramienta convierte entre HEX (hexadecimal como #FF5733), RGB (RGB(255, 87, 51)), y HSL (hsl(11, 100%, 60%)). Los tres campos se actualizan simultáneamente cada vez que alguno de ellos cambia.
¿Cómo convierto un código HEX a RGB?
Pega tu código HEX, con o sin el # prefijo: en el campo HEX. Los campos RGB y HSL se actualizan inmediatamente. Haga clic en Copiar junto al campo RGB para obtener el valor formateado para usarlo en CSS o JavaScript.
¿Cuál es la diferencia entre RGB y HSL?
RGB mezcla luz roja, verde y azul (0–255 cada una), asignando directamente la forma en que las pantallas representan el color. HSL describe el mismo color que el tono (posición de la rueda de colores, 0–360°), la saturación (viveza, 0–100%) y la luminosidad (brillo, 0–100%). HSL es más intuitivo para crear paletas porque al girar el tono se cambia el color manteniendo constante su brillo y riqueza general.
¿Puedo ingresar un código HEX corto de tres dígitos?
Sí. La taquigrafía de tres dígitos se expande automáticamente: #FFF se convierte #FFFFFF, #ABECEDARIO se convierte #AABBCC, y #000 se convierte #000000. Se aceptan formularios de 3 y 6 dígitos con o sin el encabezado #.
¿Mis colores se cargan en un servidor?
No. Todas las conversiones se ejecutan íntegramente en su navegador mediante JavaScript. No se envían valores de color, datos de entrada o información de uso a ningún servidor. La herramienta funciona sin conexión una vez que se carga la página.