2011-03-26 14:10:41 +01:00
|
|
|
// DO NOT EDIT THIS FILE, edit infrastructure/ace/www/colorutils.js
|
|
|
|
// THIS FILE IS ALSO SERVED AS CLIENT-SIDE JS
|
|
|
|
/**
|
|
|
|
* Copyright 2009 Google Inc.
|
|
|
|
*
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
* distributed under the License is distributed on an "AS-IS" BASIS,
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
* limitations under the License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
var colorutils = {};
|
|
|
|
|
|
|
|
// "#ffffff" or "#fff" or "ffffff" or "fff" to [1.0, 1.0, 1.0]
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.css2triple = function(cssColor)
|
|
|
|
{
|
2011-03-26 14:10:41 +01:00
|
|
|
var sixHex = colorutils.css2sixhex(cssColor);
|
2011-07-07 19:59:34 +02:00
|
|
|
|
|
|
|
function hexToFloat(hh)
|
|
|
|
{
|
|
|
|
return Number("0x" + hh) / 255;
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
2011-07-07 19:59:34 +02:00
|
|
|
return [hexToFloat(sixHex.substr(0, 2)), hexToFloat(sixHex.substr(2, 2)), hexToFloat(sixHex.substr(4, 2))];
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
// "#ffffff" or "#fff" or "ffffff" or "fff" to "ffffff"
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.css2sixhex = function(cssColor)
|
|
|
|
{
|
2011-03-26 14:10:41 +01:00
|
|
|
var h = /[0-9a-fA-F]+/.exec(cssColor)[0];
|
2011-07-07 19:59:34 +02:00
|
|
|
if (h.length != 6)
|
|
|
|
{
|
2011-03-26 14:10:41 +01:00
|
|
|
var a = h.charAt(0);
|
|
|
|
var b = h.charAt(1);
|
|
|
|
var c = h.charAt(2);
|
2011-07-07 19:59:34 +02:00
|
|
|
h = a + a + b + b + c + c;
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
|
|
|
return h;
|
|
|
|
}
|
|
|
|
|
|
|
|
// [1.0, 1.0, 1.0] -> "#ffffff"
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.triple2css = function(triple)
|
|
|
|
{
|
|
|
|
function floatToHex(n)
|
|
|
|
{
|
|
|
|
var n2 = colorutils.clamp(Math.round(n * 255), 0, 255);
|
|
|
|
return ("0" + n2.toString(16)).slice(-2);
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
2011-07-07 19:59:34 +02:00
|
|
|
return "#" + floatToHex(triple[0]) + floatToHex(triple[1]) + floatToHex(triple[2]);
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.clamp = function(v, bot, top)
|
|
|
|
{
|
|
|
|
return v < bot ? bot : (v > top ? top : v);
|
|
|
|
};
|
|
|
|
colorutils.min3 = function(a, b, c)
|
|
|
|
{
|
|
|
|
return (a < b) ? (a < c ? a : c) : (b < c ? b : c);
|
|
|
|
};
|
|
|
|
colorutils.max3 = function(a, b, c)
|
|
|
|
{
|
|
|
|
return (a > b) ? (a > c ? a : c) : (b > c ? b : c);
|
|
|
|
};
|
|
|
|
colorutils.colorMin = function(c)
|
|
|
|
{
|
|
|
|
return colorutils.min3(c[0], c[1], c[2]);
|
|
|
|
};
|
|
|
|
colorutils.colorMax = function(c)
|
|
|
|
{
|
|
|
|
return colorutils.max3(c[0], c[1], c[2]);
|
|
|
|
};
|
|
|
|
colorutils.scale = function(v, bot, top)
|
|
|
|
{
|
|
|
|
return colorutils.clamp(bot + v * (top - bot), 0, 1);
|
|
|
|
};
|
|
|
|
colorutils.unscale = function(v, bot, top)
|
|
|
|
{
|
|
|
|
return colorutils.clamp((v - bot) / (top - bot), 0, 1);
|
|
|
|
};
|
2011-03-26 14:10:41 +01:00
|
|
|
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.scaleColor = function(c, bot, top)
|
|
|
|
{
|
|
|
|
return [colorutils.scale(c[0], bot, top), colorutils.scale(c[1], bot, top), colorutils.scale(c[2], bot, top)];
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
|
|
|
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.unscaleColor = function(c, bot, top)
|
|
|
|
{
|
|
|
|
return [colorutils.unscale(c[0], bot, top), colorutils.unscale(c[1], bot, top), colorutils.unscale(c[2], bot, top)];
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
|
|
|
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.luminosity = function(c)
|
|
|
|
{
|
2011-03-26 14:10:41 +01:00
|
|
|
// rule of thumb for RGB brightness; 1.0 is white
|
2011-07-07 19:59:34 +02:00
|
|
|
return c[0] * 0.30 + c[1] * 0.59 + c[2] * 0.11;
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|
|
|
|
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.saturate = function(c)
|
|
|
|
{
|
2011-03-26 14:10:41 +01:00
|
|
|
var min = colorutils.colorMin(c);
|
|
|
|
var max = colorutils.colorMax(c);
|
|
|
|
if (max - min <= 0) return [1.0, 1.0, 1.0];
|
|
|
|
return colorutils.unscaleColor(c, min, max);
|
|
|
|
}
|
|
|
|
|
2011-07-07 19:59:34 +02:00
|
|
|
colorutils.blend = function(c1, c2, t)
|
|
|
|
{
|
|
|
|
return [colorutils.scale(t, c1[0], c2[0]), colorutils.scale(t, c1[1], c2[1]), colorutils.scale(t, c1[2], c2[2])];
|
2011-03-26 14:10:41 +01:00
|
|
|
}
|