hsl code for those tools
This commit is contained in:
parent
9b0070eb45
commit
4f1def8d33
|
|
@ -864,15 +864,22 @@
|
||||||
color.s -= saturationChange;
|
color.s -= saturationChange;
|
||||||
break;
|
break;
|
||||||
case "*":
|
case "*":
|
||||||
|
case "x":
|
||||||
|
case "×":
|
||||||
case "multiply":
|
case "multiply":
|
||||||
color.s *= saturationChange;
|
color.s *= saturationChange;
|
||||||
break;
|
break;
|
||||||
case "/":
|
case "/":
|
||||||
|
case "÷":
|
||||||
case "divide":
|
case "divide":
|
||||||
color.s /= saturationChange;
|
color.s /= saturationChange;
|
||||||
break;
|
break;
|
||||||
|
case "=":
|
||||||
|
case "set":
|
||||||
|
color.s = saturationChange;
|
||||||
|
break;
|
||||||
default:
|
default:
|
||||||
throw new Error("operationType must be \"add\", \"subtract\", \"multiply\", or \"divide\"");
|
throw new Error("operationType must be \"add\", \"subtract\", \"multiply\", \"divide\", or \"set\"");
|
||||||
};
|
};
|
||||||
|
|
||||||
color.h = Math.round(color.h % 360);
|
color.h = Math.round(color.h % 360);
|
||||||
|
|
@ -890,22 +897,69 @@
|
||||||
switch(operationType.toLowerCase()) {
|
switch(operationType.toLowerCase()) {
|
||||||
case "+":
|
case "+":
|
||||||
case "add":
|
case "add":
|
||||||
color.s += luminanceChange;
|
color.l += luminanceChange;
|
||||||
break;
|
break;
|
||||||
case "-":
|
case "-":
|
||||||
case "subtract":
|
case "subtract":
|
||||||
color.s -= luminanceChange;
|
color.l -= luminanceChange;
|
||||||
break;
|
break;
|
||||||
case "*":
|
case "*":
|
||||||
|
case "x":
|
||||||
|
case "×":
|
||||||
case "multiply":
|
case "multiply":
|
||||||
color.s *= luminanceChange;
|
color.l *= luminanceChange;
|
||||||
break;
|
break;
|
||||||
case "/":
|
case "/":
|
||||||
|
case "÷":
|
||||||
case "divide":
|
case "divide":
|
||||||
color.s /= luminanceChange;
|
color.l /= luminanceChange;
|
||||||
|
break;
|
||||||
|
case "=":
|
||||||
|
case "set":
|
||||||
|
color.l = luminanceChange;
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
throw new Error("operationType must be \"add\", \"subtract\", \"multiply\", or \"divide\"");
|
throw new Error("operationType must be \"add\", \"subtract\", \"multiply\", \"divide\", or \"set\"");
|
||||||
|
};
|
||||||
|
|
||||||
|
color.h = Math.round(color.h % 360);
|
||||||
|
color.s = Math.round(bound(color.s,0,100));
|
||||||
|
color.l = Math.round(bound(color.l,0,100));
|
||||||
|
|
||||||
|
return convertHslObjects(color,outputType);
|
||||||
|
};
|
||||||
|
|
||||||
|
function changeHue(color,hueChange,operationType="add",outputType="rgb",arrayType=null) {
|
||||||
|
color = normalizeColorToHslObject(color,arrayType);
|
||||||
|
//only {h,s,l} should exist now
|
||||||
|
|
||||||
|
//Math
|
||||||
|
switch(operationType.toLowerCase()) {
|
||||||
|
case "+":
|
||||||
|
case "add":
|
||||||
|
color.h += hueChange;
|
||||||
|
break;
|
||||||
|
case "-":
|
||||||
|
case "subtract":
|
||||||
|
color.h -= hueChange;
|
||||||
|
break;
|
||||||
|
case "*":
|
||||||
|
case "x":
|
||||||
|
case "×":
|
||||||
|
case "multiply":
|
||||||
|
color.h *= hueChange;
|
||||||
|
break;
|
||||||
|
case "/":
|
||||||
|
case "÷":
|
||||||
|
case "divide":
|
||||||
|
color.h /= hueChange;
|
||||||
|
break;
|
||||||
|
case "=":
|
||||||
|
case "set":
|
||||||
|
color.h = hueChange;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
throw new Error("operationType must be \"add\", \"subtract\", \"multiply\", \"divide\", or \"set\"");
|
||||||
};
|
};
|
||||||
|
|
||||||
color.h = Math.round(color.h % 360);
|
color.h = Math.round(color.h % 360);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue