Hex Color from CSS Output

hex.html

<div id="color"></div>

<script type="text/javascript">
var css_color = '{% style color my_color %}';
var re = /#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?\b/ig;
var hex = re.exec(css_color);

// Print the hex to our div so we can see it working
$('#color').html(hex[0]);

// A more useful example might be setting a 
// border color using the appearance settings:
$('#color').css('border', '1px solid ' + hex); 
</script>