Skip to content
Herramienta gratuitaDesign

Convierta códigos de color HEX a RGB y viceversa

Escriba un código HEX como #FF5733 y vea instantáneamente el equivalente RGB: rgb(255, 87, 51). O ingrese valores RGB y obtenga el código HEX. Una muestra de color en vivo se actualiza a medida que escribe y los botones de un solo clic copian el valor en el formato que necesita para CSS, herramientas de diseño o documentación.

Utilice esta herramienta gratis

Características

1

Conversión bidireccional

Ingrese un código HEX para obtener RGB, o ingrese valores RGB para obtener HEX. Ambos campos se actualizan en tiempo real a medida que escribe, sin necesidad de hacer clic en el botón de conversión.

2

Muestra de colores en vivo

Una gran muestra de vista previa muestra el color que ingresó. Se actualiza instantáneamente para que puedas confirmar visualmente que el tono coincide con lo que esperas.

3

Fragmentos de salida CSS

Obtenga código CSS listo para pegar para las propiedades de color, color de fondo y color de borde en formatos HEX y RGB. Copie cualquier fragmento con un solo clic.

4

Soporte de canal alfa

Ingrese códigos HEX de 8 dígitos o valores RGBA para trabajar con transparencia. La herramienta convierte el canal alfa con precisión entre los dos formatos.

como usar

1

Introduzca un valor de color

Escriba un código HEX (con o sin el símbolo #) o ingrese valores RGB como tres números del 0 al 255.

2

Ver el resultado

El campo de formato opuesto se actualiza automáticamente. La muestra de vista previa muestra el color.

3

Copiar

Haga clic en el botón copiar junto a cualquier valor o fragmento de CSS. Un brindis confirma que el texto está en su portapapeles.

Presupuesto

Formatos de entradaHEX (3, 6, 8 dígitos), RGB, RGBA
Formatos de salidaHEXAGONAL, RGB, RGBA
Soporte alfaSí (HEX8, RGBA)
Fragmentos CSScolor, fondo, frontera
Avancemuestra en vivo
TratamientoDel lado del cliente (instantáneo)

Related Magic Eraser Tools

Preguntas comunes

¿Cuál es la diferencia entre códigos HEX de 3 y 6 dígitos?

+

Un código HEX de 3 dígitos como #F53 es la abreviatura de #FF5533: cada dígito se duplica. La herramienta acepta ambos formularios y siempre genera el código completo de 6 dígitos para mayor claridad.

¿Puedo ingresar códigos HEX sin el símbolo #?

+

Sí. La herramienta reconoce valores HEX con o sin el hash inicial. Agregará el # a la salida automáticamente.

¿Cómo convierto un color con transparencia?

+

Utilice un código HEX de 8 dígitos donde los dos últimos dígitos representen alfa (por ejemplo, #FF573380 para 50 % de opacidad) o ingrese cuatro valores RGBA. La herramienta convierte el canal alfa entre ambos formatos.

¿Trabajar con colores de marca en fotos?

AI Enhance puede ajustar los colores de las fotografías para que coincidan con la paleta de su marca. Obtenga los valores RGB exactos aquí y luego utilícelos como referencia al mejorar la fotografía de productos.

Pruébalo gratis

More free tools

Explore our other limited free edits after sign-in photo and image tools.