Cambiar dinámicamente el color a más claro o más oscuro por porcentaje CSS (Javascript)


Tenemos una gran aplicación en el sitio y tenemos algunos enlaces que son, digamos de color azul como los enlaces azules en este sitio. Ahora quiero hacer algunos otros enlaces, pero con un color más claro. Obviamente, puedo hacerlo simplemente agregando el código hexadecimal en el archivo CSS, pero nuestro sitio permite al usuario decidir qué colores quieren para su perfil/sitio personalizado (como Twitter).

Entonces, mi pregunta es: ¿podemos reducir el color por porcentaje?

Digamos que el siguiente código es CSS:

a {
  color: blue;
}

a.lighter {
  color: -50%; // obviously not correct way, but just an idea
}

O

a.lighter {
  color: blue -50%;  // again not correct, but another example of setting color and then redcuing it
}

¿Hay alguna manera de reducir un color por porcentaje?


Warning: Undefined property: agent_blog_content::$date_asked in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 32

Warning: Undefined property: agent_blog_content::$count_answers in /var/www/agent_etc/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 52