Desarrollo
Color HEX a RGB
Convierte colores HEX a RGB y RGB a HEX.
Color
rgb(15, 118, 110)
- RGB: 15, 118, 110.
La conversión entre HEX y RGB es exacta, así que puedes ir y volver sin perder nada.
Color HEX a RGB
Convierte colores entre notación hexadecimal y RGB en ambos sentidos, incluido el canal alfa de transparencia. Práctico al pasar valores entre diseño y código.
Cuando el color viene en el formato que no toca
- El diseñador te pasa un HEX y tu código necesita RGB.
- Añadir transparencia a un color que solo tienes en hexadecimal.
- Comprobar que dos notaciones son en realidad el mismo color.
- Traducir la paleta de una guía de marca a variables CSS.
Transparencia y espacios de color
Trabajamos con los seis dígitos hexadecimales, así que el atajo de tres (#0FA) y el de ocho con canal alfa quedan fuera: escribe el color completo. La conversión ocurre en tu navegador, así que ni siquiera nos enteramos de qué colores usas.
Preguntas frecuentes
¿Es lo mismo #FF8800 que rgb(255, 136, 0)?
Es el mismo color escrito de dos maneras. El hexadecimal agrupa cada canal en un par de dígitos en base 16, y ese par vale de 0 a 255: FF son 255, 88 son 136 y 00 es cero. Ida y vuelta sin pérdida. Puedes convertir cien veces seguidas y el color no se mueve.
¿Admite el HEX corto de tres dígitos o el largo de ocho?
Ninguno de los dos, todavía. Pedimos los seis dígitos con la almohadilla delante. Si lo que tienes es #F80, duplica cada dígito y escribe #FF8800, que es exactamente el mismo color. Y si son ocho, los dos últimos no son color: son el canal alfa, de 00 transparente a FF opaco. Quítalos, convierte los seis primeros y pon la transparencia aparte como cuarto valor de tu rgba().
¿Cómo tengo que escribir el RGB?
Casi como quieras. Nos quedamos con los tres primeros números que encontremos, así que «15, 118, 110» y «rgb(15, 118, 110)» llegan al mismo sitio. Lo que pases de 255 lo recortamos a 255, y lo negativo a cero. El hexadecimal te lo devolvemos siempre en mayúsculas, del estilo #0F766E.