Conversor de colores

Es un conversor de color para trabajo web y de diseño que traduce un color entre los tres formatos que más usas: HEX, RGB y HSL, con una muestra en vivo para que veas exactamente con qué estás trabajando.

Es el pegamento cotidiano entre el diseño y el código: hacer coincidir un color de marca de una maqueta con una variable CSS, convertir un valor que un diseñador te dio en un formato al que quiere tu framework, o encontrar un tono un poco más claro para un estado hover.

Todo se ejecuta en tu navegador, así que es instantáneo y nada de lo que introduces se envía a ningún sitio.

Cada formato describe el mismo color de forma distinta. HEX (como #ff8800) es la forma compacta que se usa en todo CSS y HTML. RGB indica directamente los canales de rojo, verde y azul, que es como las pantallas y el código como canvas piensan en el color. HSL describe el tono, la saturación y la luminosidad, lo que resulta mucho más intuitivo cuando quieres ajustar un color: cambia el tono para moverlo por la rueda, o la luminosidad para oscurecerlo sin elegir a mano un código nuevo.

Introduce un valor HEX y los equivalentes en RGB y HSL se actualizan al instante, así que puedes tomar el formato que espera la herramienta o el código que tengas delante.

Por ahora la herramienta se centra en colores opacos en HEX, RGB y HSL; la compatibilidad con alfa (opacidad) aún no está incluida.