Inicio Conversor de color
Conversor de color
#RGB dobla cada cifra y queda #RRGGBB. #ff0000 es rgb(255, 0, 0) y hsl(0, 100%, 50%). El color se queda aquí.
Por qué existe
Un diseño y una hoja de estilo escriben el mismo color como #ff0000, rgb(255, 0, 0) o hsl(0, 100%, 50%).
Alargar el #abc corto a seis cifras y luego redondear el HSL a enteros puede mover un canal en 1.
-
01Cómo usarlo
Edita HEX, RGB o HSL y los otros dos campos y la muestra siguen.
La muestra pinta ese hex de fondo. Copiar pone las líneas hex, rgb() y hsl() en el portapapeles.
Al cerrar la pestaña se borra el color. Esta página no lee un canal alfa.
-
02Así se ve
#ff0000, #00ff00 y #0000ff son hsl(0, 100%, 50%), hsl(120, 100%, 50%) y hsl(240, 100%, 50%), y cada uno vuelve al mismo hex.
#fff es #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%). #000000 es hsl(0, 0%, 0%).
Escrito#ff0000
#ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%) #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%) #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%) #abc #aabbcc · vuelve a #a9bacb -
03Conviene saber
El tono 360 es igual a 0. hsl(360, 100%, 50%) es #ff0000.
El gris #808080 tiene saturación 0, así que el tono sale 0. Una luminosidad del 50% vuelve a 128, 128, 128.
Un canal fuera de rango, o un decimal, muestra un error en ese campo y el último color no se copia.
Esta conversión es sRGB de pantalla. No produce CMYK de imprenta.
Preguntas
- Q¿#f00 es lo mismo que #ff0000?
- ASí. Cada cifra se escribe dos veces y queda #ff0000.
- Q¿El HSL de #abc devuelve el mismo hex?
- ANo. hsl(210, 25%, 73%) vuelve como #a9bacb.
- Q¿Se lee un hex de 8 cifras?
- ANo. Solo se leen #RGB y #RRGGBB.
- Q¿Se guarda el color?
- ANo. Se queda en este navegador y no se envía a un servidor.
Cómo lo calcula esta página
Esta página pasa HEX, RGB y HSL al mismo color sRGB. #RRGGBB escribe rojo, verde y azul con dos cifras. #ff0000 es rgb(255, 0, 0) y hsl(0, 100%, 50%). #00ff00 es el tono 120 y #0000ff es el tono 240. #RGB dobla cada cifra. #abc se vuelve #aabbcc, que es rgb(170, 187, 204) y hsl(210, 25%, 73%).
HSL usa la misma conversión que CSS, y la pantalla redondea tono, saturación y luminosidad a enteros. Volver por esos enteros puede mover un canal en 1. hsl(210, 25%, 73%) de #abc vuelve como #a9bacb. #808080 es rgb(128, 128, 128) y hsl(0, 0%, 50%), y regresa a #808080. El tono 360 es igual a 0, así que hsl(360, 100%, 50%) es #ff0000.
Cada canal RGB es un entero de 0 a 255. La saturación y la luminosidad van de 0 a 100. Un hex de 8 cifras y un decimal no se leen. Un valor fuera de rango muestra un error en ese campo y el último color no se copia. Esta conversión es sRGB de pantalla y no produce CMYK de imprenta. El color se queda en este navegador y no se envía a un servidor.