87 lines
3.2 KiB
JavaScript
87 lines
3.2 KiB
JavaScript
function hex2RGB(h) {
|
|
var o = h.substr(h[0]==="#"?1:0,6);
|
|
var R = o.substr(0,2);
|
|
var G = o.substr(2,2);
|
|
var B = o.substr(4,2);
|
|
return [parseInt(R,16),parseInt(G,16),parseInt(B,16)];
|
|
}
|
|
function rgb2Hex(rgb) {
|
|
for(var i=0,o=1; i!=3; ++i) o = o*256 + (rgb[i]>255?255:rgb[i]<0?0:rgb[i]);
|
|
return o.toString(16).toUpperCase().substr(1);
|
|
}
|
|
|
|
function rgb2HSL(rgb) {
|
|
var R = rgb[0]/255, G = rgb[1]/255, B=rgb[2]/255;
|
|
var M = Math.max(R, G, B), m = Math.min(R, G, B), C = M - m;
|
|
if(C === 0) return [0, 0, R];
|
|
|
|
var H6 = 0, S = 0, L2 = (M + m);
|
|
S = C / (L2 > 1 ? 2 - L2 : L2);
|
|
switch(M){
|
|
case R: H6 = ((G - B) / C + 6)%6; break;
|
|
case G: H6 = ((B - R) / C + 2); break;
|
|
case B: H6 = ((R - G) / C + 4); break;
|
|
}
|
|
return [H6 / 6, S, L2 / 2];
|
|
}
|
|
|
|
function hsl2RGB(hsl){
|
|
var H = hsl[0], S = hsl[1], L = hsl[2];
|
|
var C = S * 2 * (L < 0.5 ? L : 1 - L), m = L - C/2;
|
|
var rgb = [m,m,m], h6 = 6*H;
|
|
|
|
var X;
|
|
if(S !== 0) switch(h6|0) {
|
|
case 0: case 6: X = C * h6; rgb[0] += C; rgb[1] += X; break;
|
|
case 1: X = C * (2 - h6); rgb[0] += X; rgb[1] += C; break;
|
|
case 2: X = C * (h6 - 2); rgb[1] += C; rgb[2] += X; break;
|
|
case 3: X = C * (4 - h6); rgb[1] += X; rgb[2] += C; break;
|
|
case 4: X = C * (h6 - 4); rgb[2] += C; rgb[0] += X; break;
|
|
case 5: X = C * (6 - h6); rgb[2] += X; rgb[0] += C; break;
|
|
}
|
|
for(var i = 0; i != 3; ++i) rgb[i] = Math.round(rgb[i]*255);
|
|
return rgb;
|
|
}
|
|
/* 18.8.3 bgColor tint algorithm */
|
|
function rgb_tint(hex, tint) {
|
|
if(tint === 0) return hex;
|
|
var hsl = rgb2HSL(hex2RGB(hex));
|
|
if (tint < 0) hsl[2] = hsl[2] * (1 + tint);
|
|
else hsl[2] = 1 - (1 - hsl[2]) * (1 - tint);
|
|
return rgb2Hex(hsl2RGB(hsl));
|
|
}
|
|
|
|
var exp = [
|
|
{ patternType: 'darkHorizontal',
|
|
fgColor: { theme: 9, "tint":-0.249977111117893, rgb: 'F79646' },
|
|
bgColor: { theme: 5, "tint":0.3999755851924192, rgb: 'C0504D' } },
|
|
{ patternType: 'darkUp',
|
|
fgColor: { theme: 3, "tint":-0.249977111117893, rgb: 'EEECE1' },
|
|
bgColor: { theme: 7, "tint":0.3999755851924192, rgb: '8064A2' } },
|
|
{ patternType: 'darkGray',
|
|
fgColor: { theme: 3, rgb: 'EEECE1' },
|
|
bgColor: { theme: 1, rgb: 'FFFFFF' } },
|
|
{ patternType: 'lightGray',
|
|
fgColor: { theme: 6, "tint":0.3999755851924192, rgb: '9BBB59' },
|
|
bgColor: { theme: 2, "tint":-0.499984740745262, rgb: '1F497D' } },
|
|
{ patternType: 'lightDown',
|
|
fgColor: { theme: 4, rgb: '4F81BD' },
|
|
bgColor: { theme: 7, rgb: '8064A2' } },
|
|
{ patternType: 'lightGrid',
|
|
fgColor: { theme: 6, "tint":-0.249977111117893, rgb: '9BBB59' },
|
|
bgColor: { theme: 9, "tint":-0.249977111117893, rgb: 'F79646' } },
|
|
{ patternType: 'lightGrid',
|
|
fgColor: { theme: 4, rgb: '4F81BD' },
|
|
bgColor: { theme: 2, "tint":-0.749992370372631, rgb: '1F497D' } },
|
|
{ patternType: 'lightVertical',
|
|
fgColor: { theme: 3, "tint":0.3999755851924192, rgb: 'EEECE1' },
|
|
bgColor: { theme: 7, "tint":0.3999755851924192, rgb: '8064A2' } }
|
|
];
|
|
var map = [];
|
|
exp.forEach(function(e) {
|
|
e.fgColor.new = rgb_tint( e.fgColor.rgb, e.fgColor.tint || 0);
|
|
console.log(e.fgColor.rgb, e.fgColor.new);
|
|
e.bgColor.new = rgb_tint( e.bgColor.rgb, e.bgColor.tint || 0);
|
|
console.log(e.bgColor.rgb, e.bgColor.new);
|
|
});
|