Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  
</head>
  <body style="background-color:#666666;">
​
  <br /><br /><br /><br />
 
  
  <script type="text/javascript">
    
  function colGen(hex, percent, classname)
  { 
    hex = hex.replace(/^\s*#|\s*$/g, '');
    if(hex.length == 3){ hex = hex.replace(/(.)/g, '$1$1'); }
    var r = parseInt(hex.substr(0, 2), 16),
        g = parseInt(hex.substr(2, 2), 16),
        b = parseInt(hex.substr(4, 2), 16);
    
    var hex_glow = '#' + ((0|(1<<8) + r + (256 - r) * percent / 100).toString(16)).substr(1) +
       ((0|(1<<8) + g + (256 - g) * percent / 100).toString(16)).substr(1) +
       ((0|(1<<8) + b + (256 - b) * percent / 100).toString(16)).substr(1);
    
    var hex_dark = '#' + ((0|(1<<8) + r + (256 - r) * percent / 100).toString(16)).substr(1) +
       ((0|(1<<8) + g + (256 - g) * percent / 100).toString(16)).substr(1) +
       ((0|(1<<8) + b + (256 - b) * percent / 100).toString(16)).substr(1);
    
    var returnObj = {};
    returnObj['bg']   = ' background-color:'+hex+';  border: 4px solid '+hex_dark+'; box-shadow: 0 8px 49px '+hex_glow+'; ';
    returnObj['text'] = ' color:'+hex+'; text-shadow:0px 2px 0px '+hex_glow+'; ';
    returnObj['both'] =  returnObj['bg']+returnObj['text'];
    
    if(typeof className == 'undefined')
    {
        return returnObj;
    }
    else
    {
       // ansonsten füge es in den style als class ein
       // $('').append('<style>  </style>');
    } 
  }
    
    
    var col = colGen('#aa0000','90');
    $('body').append('<div style="'+col['both']+'">sdasdas<br />kasjdklasjd<br />kjslkdjalksd</div>');
​
    
    
    
    
    
  </script>
</body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers