JavaScript Brightness
/**
* http://www.sitepoint.com/javascript-generate-lighter-darker-color/
*/
function colorLuminance(hex, lum) {
// Validate hex string
hex = String(hex).replace(/[^0-9a-f]/gi, "");
if (hex.length < 6) {
hex = hex.replace(/(.)/g, '$1$1');
}
lum = lum || 0;
// Convert to decimal and change luminosity
var rgb = '#', c;
for (var i = 0; i < 3; ++i) {
c = parseInt(hex.substr(i * 2, 2), 16);
c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
rgb += ('00' + c).substr(c.length);
}
return rgb;
}
Penggunaan
colorLuminance('#aabbaa', 0.5); // lighter
colorLuminance('#aabbaa', -0.5); // darker
Labels: JavaScript, Potongan
7 Comments:
Mantab nih, pas lg nyari kak.
bisa dijadikan sebagai acuan dalam mengelola warna-warna yang diinginkan ini mas, makasih ya..
Turut menyimak aja mas. Kurang faham akan Js.
Ada page atau label untuk pemula nggak mas, saya suka coding juga sebenarnya, hanya saja tidak ada bimbingan dan tak cukup waktu untuk memulai.
Terima kasih sudah berbagi "Javascript Brigthness".
Salam. DTE.
Ke utara sedikit pak, terus belok kiri.
[img]http://3.bp.blogspot.com/-1uVrAYRVXkQ/U1cx9_XmBoI/AAAAAAAAIiQ/Vt7FLfyE46c/s1600/2014-04-23_101709.png[/img]
saya suka sama mas taufik,,, minta otaknya dikit donk mas :D
iya, aku juga minta donk mas :D
Maaf, ini limited edition :p
Post a Comment
<< Home