Convertidor de HEX a RGB

1. Introduce un color HEX de 3 o 6 dígitos, con o sin # inicial, o selecciónalo con el selector.
2. Ajusta el tono de 0 a 360 grados, o la saturación y la luminosidad de 0 % a 100 %.
3. Consulta la vista previa y los valores HEX y RGB sincronizados.
4. Pulsa el botón de copiar junto al resultado HEX o RGB que necesites.
5. Selecciona Restablecer para volver al color inicial.

Convertidor de HEX a RGB

HEX y RGB son dos formas de representar el mismo color. HEX codifica los canales rojo, verde y azul en pares hexadecimales; RGB expresa esos canales como números. Este convertidor transforma un color HEX en RGB e incluye controles HSL para editarlo. La vista previa y los resultados HEX y RGB se mantienen sincronizados mientras haces cambios.

Qué es HEX

Un color HEX estándar de seis dígitos sigue el formato #RRGGBB, con un par de dígitos hexadecimales para cada canal rojo, verde y azul. Por ejemplo, #4F46E5 representa aproximadamente 79 de rojo, 70 de verde y 229 de azul. HEX es habitual en HTML y CSS porque permite especificar colores de forma compacta. El símbolo # inicial es opcional en este convertidor.

Qué es RGB

RGB significa rojo, verde y azul. Representa un color con tres canales numéricos, normalmente de 0 a 255. Por ejemplo, rgb(79, 70, 229) contiene 79 de rojo, 70 de verde y 229 de azul. Los valores RGB muestran cada canal explícitamente y son útiles en interfaces digitales, CSS y gráficos.

Ejemplo de HEX a RGB

Introduce #4F46E5 para obtener aproximadamente rgb(79, 70, 229). El mismo color también se puede representar como hsl(248, 76 %, 59 %). Son representaciones distintas del mismo color. Los canales RGB se muestran como números enteros y se redondean cuando es necesario.

Edita un color con controles HSL

El editor utiliza controles de tono, saturación y luminosidad para ajustar los colores. Cambia el tono entre 0 y 360 grados, o la saturación y la luminosidad entre 0 % y 100 %. El color seleccionado, la vista previa y los valores HEX y RGB se actualizan automáticamente. Por ejemplo, aumenta la luminosidad para crear una variación más clara y copia el resultado RGB o HEX en CSS o en una herramienta de diseño.

Comparación de HEX y RGB

HEX representa rojo, verde y azul en notación hexadecimal, como #4F46E5. RGB representa los mismos canales numéricamente, como rgb(79, 70, 229). HEX resulta práctico para guardar y copiar colores en hojas de estilo; RGB es útil para trabajar directamente con los valores de cada canal.

Formatos HEX admitidos y validación

El convertidor acepta valores HEX de 3 y 6 dígitos, con o sin #. No ofrece una conversión independiente de HEX de 8 dígitos ni de transparencia. El tono debe estar entre 0 y 360 grados; la saturación y la luminosidad, entre 0 % y 100 %. Los valores HEX no válidos o HSL fuera de rango muestran un error hasta corregirse. Los canales RGB se muestran como números enteros redondeados.

Cuándo usar un convertidor de HEX a RGB

Convierte un color HEX existente para usarlo en CSS, consulta los canales RGB al crear una interfaz, ajusta un color y obtén su nuevo valor RGB, depura valores en un proyecto o comparte un color en formatos HEX y RGB. Los controles HSL permiten crear una variación y obtener inmediatamente los resultados sincronizados.

Introduce un color HEX de 3 o 6 dígitos para ver su valor RGB correspondiente con una vista previa en tiempo real.

Ajusta el tono, la saturación y la luminosidad para modificar el color mientras los resultados HEX y RGB se actualizan automáticamente.

Introduce un color HEX con o sin #, o selecciónalo con el selector integrado.

Copia el resultado HEX o RGB y restablece el editor a su color inicial cuando lo necesites.