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 gratisBrowser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
como usar
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.
Ver el resultado
El campo de formato opuesto se actualiza automáticamente. La muestra de vista previa muestra el color.
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.
Características
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.
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.
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.
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.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhancePresupuesto
| Formatos de entrada | HEX (3, 6, 8 dígitos), RGB, RGBA |
| Formatos de salida | HEXAGONAL, RGB, RGBA |
| Soporte alfa | Sí (HEX8, RGBA) |
| Fragmentos CSS | color, fondo, frontera |
| Avance | muestra en vivo |
| Tratamiento | Del 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 gratisMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Diseñe degradados lineales, radiales y cónicos con múltiples paradas de color. Copie el código CSS o descárguelo como una imagen PNG. No es necesario registrarse.
Convierta colores entre formatos con nombre HEX, RGB, HSL, HSB, CMYK y CSS. Vea una vista previa en vivo, copie cualquier valor y exporte una tarjeta de color. No es necesario registrarse.
Elija cualquier color de una imagen cargada y obtenga sus códigos HEX, RGB y HSL al instante. Cree paletas a partir de fotografías para diseño web, marca e ilustración.
Cargue una foto y extraiga de 5 a 10 colores dominantes con códigos HEX, RGB y HSL. Copie muestras, exporte como variables ASE o CSS. No es necesario registrarse.
Genere códigos QR para URL, texto, credenciales WiFi y vCards. Personalice los colores, agregue un logotipo central y descárguelo como PNG o SVG. No es necesario registrarse.
Calcule el ancho, alto o relación de aspecto de imágenes y videos. Ingrese dos valores cualesquiera y obtenga el tercero. Proporciones preestablecidas para redes sociales, películas e impresión. No es necesario registrarse.