0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-22 22:37:50 +00:00

Correct for desaturation in hue-rotate step.

This commit is contained in:
Trevor Buckner
2022-01-31 22:11:43 -05:00
parent 6a89f3f702
commit 415939b028

View File

@@ -372,9 +372,12 @@ const recolor = (target)=>{
max = Math.max(r, g, b), min = Math.min(r, g, b); max = Math.max(r, g, b), min = Math.min(r, g, b);
let newL= (max + min) / 2; let newL= (max + min) / 2;
d = max - min;
let newS = newL > 0.5 ? d / (2 - max - min) : d / (max + min);
console.log({newR : r, newG : g, newB: b}); console.log({newR : r, newG : g, newB: b});
console.log({newL :newL}); console.log({newL :newL});
console.log({newS : newS});
console.log({l : l}) console.log({l : l})
l = l * 2; //Set lightness range from 0 to 200%, with 100% = no change (since we start with pure red which is .5 lightness) l = l * 2; //Set lightness range from 0 to 200%, with 100% = no change (since we start with pure red which is .5 lightness)
@@ -382,11 +385,12 @@ const recolor = (target)=>{
console.log({s:s}); console.log({s:s});
console.log({l:l}); console.log({l:l});
let contrast = 1; let contrast = 1;
console.log({contrast: contrast});
if(l > 1) if(l > 1)
contrast = (2-l)/(l); contrast = (2-l)/(l);
return `filter:hue-rotate(${h}turn) contrast(${contrast}) brightness(${l}) saturate(${s});`; // Add at end return `filter:hue-rotate(${h}turn) saturate(${1/newS}) contrast(${contrast}) brightness(${l}) saturate(${s});`; // Add at end
} }
const processStyleTags = (string)=>{ const processStyleTags = (string)=>{