156 lines
3.9 KiB
JavaScript
156 lines
3.9 KiB
JavaScript
(function(d3) {
|
|
var cie = d3.cie = {};
|
|
|
|
cie.lab = function(l, a, b) {
|
|
return arguments.length === 1
|
|
? (l instanceof Lab ? lab(l.l, l.a, l.b)
|
|
: (l instanceof Lch ? lch_lab(l.l, l.c, l.h)
|
|
: rgb_lab((l = d3.rgb(l)).r, l.g, l.b)))
|
|
: lab(+l, +a, +b);
|
|
};
|
|
|
|
cie.lch = function(l, c, h) {
|
|
return arguments.length === 1
|
|
? (l instanceof Lch ? lch(l.l, l.c, l.h)
|
|
: (l instanceof Lab ? lab_lch(l.l, l.a, l.b)
|
|
: lab_lch((l = rgb_lab((l = d3.rgb(l)).r, l.g, l.b)).l, l.a, l.b)))
|
|
: lch(+l, +c, +h);
|
|
};
|
|
|
|
cie.interpolateLab = function(a, b) {
|
|
a = cie.lab(a);
|
|
b = cie.lab(b);
|
|
var al = a.l,
|
|
aa = a.a,
|
|
ab = a.b,
|
|
bl = b.l - al,
|
|
ba = b.a - aa,
|
|
bb = b.b - ab;
|
|
return function(t) {
|
|
return lab_rgb(al + bl * t, aa + ba * t, ab + bb * t) + "";
|
|
};
|
|
};
|
|
|
|
cie.interpolateLch = function(a, b) {
|
|
a = cie.lch(a);
|
|
b = cie.lch(b);
|
|
var al = a.l,
|
|
ac = a.c,
|
|
ah = a.h,
|
|
bl = b.l - al,
|
|
bc = b.c - ac,
|
|
bh = b.h - ah;
|
|
if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; // shortest path
|
|
return function(t) {
|
|
return lch_lab(al + bl * t, ac + bc * t, ah + bh * t) + "";
|
|
};
|
|
};
|
|
|
|
function lab(l, a, b) {
|
|
return new Lab(l, a, b);
|
|
}
|
|
|
|
function Lab(l, a, b) {
|
|
this.l = l;
|
|
this.a = a;
|
|
this.b = b;
|
|
}
|
|
|
|
Lab.prototype.brighter = function(k) {
|
|
return lab(Math.min(100, this.l + K * (arguments.length ? k : 1)), this.a, this.b);
|
|
};
|
|
|
|
Lab.prototype.darker = function(k) {
|
|
return lab(Math.max(0, this.l - K * (arguments.length ? k : 1)), this.a, this.b);
|
|
};
|
|
|
|
Lab.prototype.rgb = function() {
|
|
return lab_rgb(this.l, this.a, this.b);
|
|
};
|
|
|
|
Lab.prototype.toString = function() {
|
|
return this.rgb() + "";
|
|
};
|
|
|
|
function lch(l, c, h) {
|
|
return new Lch(l, c, h);
|
|
}
|
|
|
|
function Lch(l, c, h) {
|
|
this.l = l;
|
|
this.c = c;
|
|
this.h = h;
|
|
}
|
|
|
|
Lch.prototype.brighter = function(k) {
|
|
return lch(Math.min(100, this.l + K * (arguments.length ? k : 1)), this.c, this.h);
|
|
};
|
|
|
|
Lch.prototype.darker = function(k) {
|
|
return lch(Math.max(0, this.l - K * (arguments.length ? k : 1)), this.c, this.h);
|
|
};
|
|
|
|
Lch.prototype.rgb = function() {
|
|
return lch_lab(this.l, this.c, this.h).rgb();
|
|
};
|
|
|
|
Lch.prototype.toString = function() {
|
|
return this.rgb() + "";
|
|
};
|
|
|
|
// Corresponds roughly to RGB brighter/darker
|
|
var K = 18;
|
|
|
|
// D65 standard referent
|
|
var X = 0.950470, Y = 1, Z = 1.088830;
|
|
|
|
function lab_rgb(l, a, b) {
|
|
var y = (l + 16) / 116, x = y + a / 500, z = y - b / 200;
|
|
x = lab_xyz(x) * X;
|
|
y = lab_xyz(y) * Y;
|
|
z = lab_xyz(z) * Z;
|
|
return d3.rgb(
|
|
xyz_rgb( 3.2404542 * x - 1.5371385 * y - 0.4985314 * z),
|
|
xyz_rgb(-0.9692660 * x + 1.8760108 * y + 0.0415560 * z),
|
|
xyz_rgb( 0.0556434 * x - 0.2040259 * y + 1.0572252 * z)
|
|
);
|
|
}
|
|
|
|
function rgb_lab(r, g, b) {
|
|
r = rgb_xyz(r);
|
|
g = rgb_xyz(g);
|
|
b = rgb_xyz(b);
|
|
var x = xyz_lab((0.4124564 * r + 0.3575761 * g + 0.1804375 * b) / X),
|
|
y = xyz_lab((0.2126729 * r + 0.7151522 * g + 0.0721750 * b) / Y),
|
|
z = xyz_lab((0.0193339 * r + 0.1191920 * g + 0.9503041 * b) / Z);
|
|
return lab(116 * y - 16, 500 * (x - y), 200 * (y - z));
|
|
}
|
|
|
|
function lab_lch(l, a, b) {
|
|
var c = Math.sqrt(a * a + b * b),
|
|
h = Math.atan2(b, a) / Math.PI * 180;
|
|
return lch(l, c, h);
|
|
}
|
|
|
|
function lch_lab(l, c, h) {
|
|
h = h * Math.PI / 180;
|
|
return lab(l, Math.cos(h) * c, Math.sin(h) * c);
|
|
}
|
|
|
|
function lab_xyz(x) {
|
|
return x > 0.206893034 ? x * x * x : (x - 4 / 29) / 7.787037;
|
|
}
|
|
|
|
function xyz_lab(x) {
|
|
return x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787037 * x + 4 / 29;
|
|
}
|
|
|
|
function xyz_rgb(r) {
|
|
return Math.round(255 * (r <= 0.00304 ? 12.92 * r : 1.055 * Math.pow(r, 1 / 2.4) - 0.055));
|
|
}
|
|
|
|
function rgb_xyz(r) {
|
|
return (r /= 255) <= 0.04045 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);
|
|
}
|
|
})(d3);
|