garex/nodejs-colors-to-less-operations

Transforms colors to less operations that needs to be applied to the base color to get the desired color

nodejs-colors-to-less-operations's Issues

Write tests for base transformations

All possible HSL operations:

• spin +/-
• saturate/desaturate
• lighten/darken

Both colors same.

Bad color values?

Increase dependent version of color-model!

Implement base functionality

Extreme cases and base cases.
Update color model dependency!

Describe API & write basic docs

/**
 * Transforms colors to less operations that needs to be applied to the base color
 * to get the desired color
 *
 * @see http://lesscss.org/functions/#color-operations
 * @param {String} baseColor
 * @param {String} desiredColor
 * @returns {String} For example: saturate(#ff8000, 20%); // #bf8040
 */
transformToLessOperations(baseColor, desiredColor)

Add github pages

What

Two text-boxes: left and right. In left user will enter source colors, and in right — dependent.
After clicking button 'Gogogo', system will output in 3rd textbox/column/layer/section result of transformation.

For example:

• #ff8000 entered in 1st column
• #bf8040 — in 2nd
• then in 3rd we will have: "saturate(#ff8000, 20%); // #bf8040"

How

browserify main.js > dist/main.js

For browserify to work we need to remove:

• conditional exports like

  module.exports = require(process.env.COLOR_MODEL_COVERAGE
  ? './.coverage/lib'
  : './lib'
  );

• and all eval's like eval('var Rgb = require("./rgb")');

Same module can be installed in it's own node_modules from where browserify will take it to proceed with.

We can use some jquery or another here.

The error in the resulting color ~ 1%

@base-color: #428bca;
@needed-color: #5cb85c; // HSB: 120, 50, 72

Less-format:

spin(desaturate(lighten(#428bca, 1%), 17%), -88); 

Result-color:

#5ab75a;  // HSB: 120, 51, 72
// Result-color != @needed-color; S ~ 1%