Skip to content

Instantly share code, notes, and snippets.

@ajaswa
Created May 10, 2012 21:29
Show Gist options
  • Save ajaswa/2656023 to your computer and use it in GitHub Desktop.
Save ajaswa/2656023 to your computer and use it in GitHub Desktop.
<script>
(function ($) {
$(function () {
$("#converter").submit(function(){return false;});
$("#rgba").bind('keyup change', function () {
var value = $(this).val();
setArgb(value);
});
$("#argb").bind('keyup change', function () {
var value = $(this).val();
setHex(value);
});
setArgb = function(val) {
var valArr = val.split("(")[1].split(")")[0].split(","),
red = toHex(valArr[0]),
green = toHex(valArr[1]),
blue = toHex(valArr[2]),
alpha = toHex(valArr[3]*255);
$("#argb").val("#" + alpha + red + green + blue);
};
setHex = function(val) {
var value = val.substring(1,9),
red = parseInt(value.substring(2,4), 16),
green = parseInt(value.substring(4,6), 16),
blue = parseInt(value.substring(6,8), 16),
alpha = Math.round((parseInt(value.substring(0,2), 16)/255)*10)/10;
$("#rgba").val("rgba(" + red + "," + green + "," + blue + "," + alpha +")");
};
toHex = function(val) {
val = parseInt(val);
val = Math.max(0,val);
val = Math.min(val,255);
val = Math.round(val);
return "0123456789ABCDEF".charAt((val-val%16)/16) + "0123456789ABCDEF".charAt(val%16);
};
})
}(jQuery));
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment