ES

Convertir RGB a HEX

Escribe los valores de rojo, verde y azul y obtén el código hex para CSS, programas de diseño y manuales de marca.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Escribe el colorEscribe o pega el valor en el campo.
  2. Copia el resultadoEl valor convertido está arriba de la lista.
  3. Explora másDebajo tienes los demás formatos, el contraste y los tonos.

Tres números, un código

Escribe los valores como 13, 107, 87, como 13 107 87 o como una función rgb() o rgba() completa. Cada canal de 0 a 255 se convierte en dos dígitos hexadecimales, así que 13, 107, 87 pasa a ser #0D6B57. Con transparencia, el valor alfa se convierte en un cuarto par.

Los códigos hex son la forma más compacta de compartir un color: funcionan en CSS, atributos HTML, Figma, Sketch, Photoshop y en la mayoría de los manuales de marca. Copia el código en mayúsculas desde arriba de la lista.

Revísalo antes de usarlo

Debajo del resultado puedes probar el color sobre un fondo para ver el contraste WCAG y generar tonos más claros y más oscuros para estados hover y bordes.

Preguntas frecuentes

¿Puedo pegar valores separados por espacios?

Sí. 13 107 87, 13,107,87 y rgb(13, 107, 87) funcionan.

¿Qué formatos de color puedo escribir?

Cualquiera válido en CSS: HEX de 3, 4, 6 u 8 dígitos, rgb(), hsl(), hwb(), lab(), oklch() y nombres de colores.

¿El valor CMYK es exacto para imprimir?

Es una conversión simple sin perfil de impresora. Para impresión profesional usa los valores CMYK del perfil de tu imprenta.

¿Qué relación de contraste necesito?

WCAG AA pide 4,5:1 para texto normal y 3:1 para texto grande y elementos de la interfaz.

¿Por qué importa OKLCH?

Se ajusta a cómo percibimos la luminosidad, así que las paletas y degradados hechos en OKLCH se ven uniformes.