Convertidor de RGB a HEX

Convierte entre códigos de color RGB, HEX, HSL y CMYK. Vista previa del color en vivo. Gratis e instantáneo.

RGB Input

HEX Input

Format: #RRGGBB or #RGB

RGB
rgb(211, 51, 51)
HEX
#D33333
HSL
hsl(0, 65%, 51%)
CMYK
cmyk(0%, 76%, 76%, 17%)

About RGB to HEX Converter

Convierte entre espacios de color RGB, HEX, HSL y CMYK al instante. Ajusta los controles deslizantes de RGB o escribe un valor hexadecimal: todas las representaciones se actualizan en tiempo real con una vista previa del color en vivo.

Cuatro espacios de color

Ve tu color en RGB, HEX, HSL y CMYK simultáneamente. Perfecto para diseñadores web, diseñadores de impresión y desarrolladores.

Vista previa del color en vivo

Una muestra de color de 100x100 se actualiza en tiempo real mientras ajustas los controles deslizantes o escribes valores. Ve exactamente con lo que estás trabajando.

Controles deslizantes RGB

Ajusta finamente los canales rojo, verde y azul con entradas numéricas o controles deslizantes de rango. Valores de 0-255 para cada canal.

Atajo HEX

Escribe cualquier código de color hexadecimal (#RRGGBB o abreviatura #RGB) y ve al instante los equivalentes RGB, HSL y CMYK.

How It Works

  1. Adjust the RGB sliders — Use the R, G, and B sliders or type values directly to pick a color.
  2. Or enter a HEX code — Type a hex color like #FF6600 or shorthand like #F60.
  3. Watch the preview update — The color swatch changes instantly to match your input.
  4. Read all conversions — RGB, HEX, HSL, and CMYK values are displayed in a clean grid.
  5. Copy any value — Click any color code to copy it to your clipboard for use in your project.

📋 Common Use Cases

Diseño para múltiples medios

Convierte colores de impresión (CMYK) a colores de pantalla (RGB/Hex) al adaptar activos de marca de medios físicos a digitales.

CSS y desarrollo web

Transforma colores entre formatos hex, RGB y HSL para usar en hojas de estilo, tokens de diseño y bibliotecas de componentes.

Consistencia de marca

Asegura la precisión del color al traducir paletas de marca entre diferentes herramientas de diseño que requieren formatos de color específicos.

Pruebas de accesibilidad

Convierte colores a formatos analizables para verificar el contraste y el cumplimiento de las pautas WCAG.

🪜 How to Use This Tool

  1. Ingresa tu color de origen
    Introduce el valor del color en el formato de origen: código hex, valores RGB, porcentajes CMYK o parámetros HSL.
  2. Selecciona el formato de destino
    Elige el formato de salida deseado. La mayoría de los convertidores muestran una muestra de vista previa del color en vivo junto con los valores convertidos.
  3. Visualiza y copia el color convertido
    El color convertido aparece al instante. Copia valores individuales o la cadena de salida completa para tu proyecto.
  4. Úsalo en tu proyecto
    Pega el color convertido directamente en tu CSS, herramienta de diseño o especificación de impresión. Verifica que la vista previa coincida con tus expectativas.

📚 Related Guides

Frequently Asked Questions

¿Estos convertidores son gratuitos?
Sí. Todos los convertidores son completamente gratuitos. No se requiere registro.
¿Qué tan preciso es el convertidor de unidades?
Utiliza factores de conversión estándar para longitud, masa, temperatura, área, volumen y velocidad. Los resultados son precisos hasta 6 decimales.