¿Se envía a un servidor el color que elijo?

No. Los cálculos de HEX a RGB y de RGB a HSL se ejecutan por completo en tu navegador. No se hace ninguna petición de red y no se registra nada de tu selección.

¿Qué formatos de color acepta y produce la herramienta?

La entrada es un código hexadecimal de 6 dígitos (#RRGGBB), escrito o elegido con el selector de color nativo. La salida muestra las tres notaciones: HEX, rgb(r, g, b) y hsl(h, s%, l%).

¿Por qué usar HSL en lugar de RGB?

HSL separa el tono, la saturación y la luminosidad, así que resulta fácil derivar colores relacionados: mantén el tono y ajusta la luminosidad para los estados al pasar el cursor, o desplaza el tono para los acentos. RGB mezcla las tres dimensiones en valores de canal.

Selector de Color — HEX, RGB, HSL

Descripción general

Quienes desarrollan traducen colores entre notaciones continuamente: el diseño entrega HEX, el CSS se inclina cada vez más por HSL, y el código de canvas o de imagen trabaja en RGB. Esta herramienta toma un color — elegido visualmente o escrito en hexadecimal — y muestra las tres notaciones una al lado de la otra con una muestra de vista previa en vivo, para moverte entre las herramientas de diseño y las hojas de estilo sin calculadora.

Cómo se usa

Pulsa la muestra Pick color para abrir el selector de color nativo de tu navegador, o escribe un código hexadecimal como #0060c0 en el campo de texto.
Consulta los valores HEX, RGB y HSL sincronizados, con el color mostrado en la muestra Preview.
Si el texto no es un código válido de 6 dígitos, aparece el mensaje Enter a valid #RRGGBB hex color hasta que se corrija.

Ejemplos

#0060c0 → rgb(0, 96, 192) / hsl(210, 100%, 38%)
#ffffff → rgb(255, 255, 255) / hsl(0, 0%, 100%)

Notas

Solo se analiza la forma #RRGGBB de 6 dígitos: no se aceptan las abreviadas (#fff) ni los valores de 8 dígitos con alfa (#RRGGBBAA). Los valores HSL se redondean a números enteros, tal como se escriben habitualmente en CSS.