⭐ 0
🔍
Texto Imagen PDF y Docs Audio Música Electrónica Tiempo Utilidades Validadores Esoterismo Juegos

Convertidor RGB a HEX

Convierta cualquier color entre notación HEX, RGB, HSL y CMYK con una muestra de vista previa en vivo, directamente en su navegador.

Procesando... 0%
Analizando el valor del color
Convertir espacios de color
Vista previa de renderizado
hecho

Resultado

Esta página abre el convertidor de color con RGB preseleccionado como formato de entrada: ingrese rgb(59, 130, 246) o simplemente el triplete 59, 130, 246 y ejecútelo para obtener el código #rrggbb correspondiente.

HEX es la notación de color más compacta y universal: un token #rrggbb funciona en cada propiedad CSS, atributo SVG, herramienta de diseño y guía de estilo de marca, lo que la convierte en la forma estándar de pasar un color de una maqueta al código.

Más allá de este par, la herramienta completa también devuelve HSL y CMYK para la misma entrada, ofrece un selector de color nativo y obtiene una vista previa del color en una muestra, todo calculado localmente en su navegador sin cargar nada.

🛡️
Ejecutado en el navegador

Tus archivos y datos nunca salen de este dispositivo. El procesamiento se realiza completamente sin conexión. 100% seguro.

Formatos y reglas aceptados

  • Convierte entre modelos de color HEX, RGB, HSL y CMYK.
  • Selector de color nativo que llena el campo de valor en el formato seleccionado.
  • Muestra de vista previa en vivo más copia con un solo clic de las cuatro notaciones.

Beneficios clave

✓ Una entrada, cada notación: escriba un color una vez y léalo como HEX, RGB, HSL y CMYK simultáneamente.
✓ Analizador indulgente: acepta #fff, #3b82f6, rgb(255, 0, 0), tripletes "255, 0, 0" y hsl(120, 50%, 50%) por igual.
✓ Se ejecuta completamente en su navegador: los valores de color nunca se cargan en ninguna parte.

Casos de uso

  • • Convierta el código #rrggbb de un libro de marca en notación rgb() o hsl() antes de cablear los estados de desplazamiento y deshabilitado en CSS.
  • • Convierta un color RGB en pantalla a porcentajes CMYK para verificar cómo se separará antes de enviar tarjetas de presentación o folletos para imprimir.
  • • Coloque un color con el selector incorporado y copie las cuatro notaciones a la vez para realizar una transferencia del diseño al código.