Convert Hexadecimal to RGB

Syntax: hexToRgb("#454545") or hexToRgb([45, 45, 45])

---

function hexToRgb(a) {
       if(typeof a == "string")
               a = a.match(/\w\w/g);
       return [ "0x" + a[0] - 0, "0x" + a[1] - 0, "0x" + a[2] - 0 ];
}

---

Convert Hue/Sat/Lum to Hexadecimal hue: 0-239, sat: 0-240, lum: 0-240

Syntax: hslToHex(40, 143, 202)

---

function hslToHex(a, b, c) {
       var d = 3, e = a / 40 >> 0, f = 0.025 * (a % 40), g = [ e % 5 < 2, e && e < 4, e > 2 ];
               g[2 - (1 + e) % 3] -= (e & 1) * 2 * f - f;
       while(d --) {
               g[d] *= 255;
               g[d] -= (g[d] - 127) * (1 - b / 240);
               g[d] = (g[d] - (c > 120 ? 255 - g[d] : g[d]) * (1 - c / 120) + 0.5 >> 0).toString(16);
       }
       return g;
}

---

Convert Hue/Sat/Lum to RGB hue: 0-239, sat: 0-240, lum: 0-240

Syntax: hslToRgb(40, 143, 202)

---

function hslToRgb(a, b, c) {
       var d = 3, e = a / 40 >> 0, f = 0.025 * (a % 40), g = [ e % 5 < 2, e && e < 4, e > 2 ];
               g[2 - (1 + e) % 3] -= (e & 1) * 2 * f - f;
       while(d --) {
               g[d] *= 255;
               g[d] -= (g[d] - 127) * (1 - b / 240);
               g[d] = g[d] - (c > 120 ? 255 - g[d] : g[d]) * (1 - c / 120) + 0.5 >> 0;
       }
       return g;
}

---

Convert RGB to Hexadecimal

Syntax: rgbToHex([255, 0, 255]) or rgbToHex("rgb(255,0,255)")

---

function rgbToHex(a) {
       if(typeof a == "string") {
               a = a.match(/\d+/g);
               a = [ a.split(",")[0] - 0, a.split(",")[1] - 0, a.split(",")[2] - 0 ];
       }
       return [
               (a[0] < 16 ? "0" : "") + a[0].toString(16),
               (a[1] < 16 ? "0" : "") + a[1].toString(16),
               (a[2] < 16 ? "0" : "") + a[2].toString(16)
       ];
}

---

Notes: If you'd like to play around with the hue order in the HSL conversions, replace the first two lines (those preceding the for loop) with this:

var d=3,g=[[[255,0,0],1,1],[[255,255,0],0,-1], [[0,255,0],2,1],[[0,255,255],1,-1],[[0,0,255],0,1], [[255,0,255],2,-1]][Math.floor(a/40)];
g[0][g[1]]+=Math.floor(6.375*(a%40))*g[2];g=g[0];

And move the [[R,G,B],#,#] elements around as you please.

Edit: Forgot to change a function name.


Last Edit: Aug 17, 2010 20:43:20 GMT by Aaron