README > MODULE > uu.module.color.ratio.htm

  var ns = uu.color;
  var rgba    = ns.hash("chocolate"); // color
  var hsva    = ns.rgba2hsva(rgba);
  var v20down = ns.ratio(hsva, 0, 0, -20);
  var v10down = ns.ratio(hsva, 0, 0, -10);
  var v10up   = ns.ratio(hsva, 0, 0, 10);
  var v20up   = ns.ratio(hsva, 0, 0, 20);
  var rgba20down = ns.hsva2rgba(v20down);
  var rgba10down = ns.hsva2rgba(v10down);
  var rgba10up   = ns.hsva2rgba(v10up);
  var rgba20up   = ns.hsva2rgba(v20up);
  var rgba3      = ns.hsva2rgba(hsva);

  uu.log("<br />rgb          -> %.2f, %.2f, %.2f", rgba.r, rgba.g, rgba.b);
  uu.log("<br />hsv          -> %.2f, %.2f, %.2f", hsva.h, hsva.s, hsva.v);
  uu.log("<br />hsv: v20up   -> %.2f, %.2f, %.2f", v20up.h, v20up.s, v20up.v);
  uu.log("<br />hsv: v10up   -> %.2f, %.2f, %.2f", v10up.h, v10up.s, v10up.v);
  uu.log("<br />hsv: base    -> %.2f, %.2f, %.2f", hsva.h, hsva.s, hsva.v);
  uu.log("<br />hsv: v10down -> %.2f, %.2f, %.2f", v10down.h, v10down.s, v10down.v);
  uu.log("<br />hsv: v20down -> %.2f, %.2f, %.2f", v20down.h, v20down.s, v20down.v);
  uu.log("<br />hsv -> rgba  -> %.2f, %.2f, %.2f", rgba.r, rgba.g, rgba.b);

  uu.id("down20").style.backgroundColor = ns.rgb(rgba20down);
  uu.id("down10").style.backgroundColor = ns.rgb(rgba10down);
  uu.id("base").style.backgroundColor = ns.rgb(rgba);
  uu.id("up10").style.backgroundColor = ns.rgb(rgba10up);
  uu.id("up20").style.backgroundColor = ns.rgb(rgba20up);