UNPKG

hex2rgb

Version:

Converts hex color to rgb and calculates appropriate corresponding foreground.

232 lines (230 loc) 8.17 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for hex2rgb/hex2rgb.js</title> <meta charset="utf-8"> <link rel="stylesheet" href="../prettify.css"> <link rel="stylesheet" href="../base.css"> <style type='text/css'> div.coverage-summary .sorter { background-image: url(../sort-arrow-sprite.png); } </style> </head> <body> <div class="header low"> <h1>Code coverage report for <span class="entity">hex2rgb/hex2rgb.js</span></h1> <h2> Statements: <span class="metric">5.26% <small>(1 / 19)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Branches: <span class="metric">0% <small>(0 / 16)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Functions: <span class="metric">0% <small>(0 / 1)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Lines: <span class="metric">5.26% <small>(1 / 19)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Ignored: <span class="metric"><span class="ignore-none">none</span></span> &nbsp;&nbsp;&nbsp;&nbsp; </h2> <div class="path"><a href="../index.html">All files</a> &#187; <a href="index.html">hex2rgb/</a> &#187; hex2rgb.js</div> </div> <div class="body"> <pre><table class="coverage"> <tr><td class="line-count">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63</td><td class="line-coverage"><span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/** * hex2rgb * https://github.com/glnster/hex2rgb * * Copyright (c) 2015 Glenn Cueto * Licensed under the MIT license. * * Converts hex color to rgb. Calculates corresponding foreground. * * @param {string} hex - The hex color to be converted. Can be 3 or 6 HEX-ONLY chars. * @param {boolean} debug - Optional. Default=false. * @param {string} darkyiq, lightyiq - Optional foreground colors. * @return {array} rgb - [x,x,x] or default [0,0,0]. * @return {string} yiq - Default 'black' or 'white' as a foreground color * against the given hex. */ /*jshint bitwise: false */ &nbsp; &nbsp; var hex2rgb = <span class="fstat-no" title="function not covered" >function(hex, options) {</span> "use strict"; &nbsp; // checks and defaults <span class="cstat-no" title="statement not covered" > if (typeof hex !== 'string') {</span> <span class="cstat-no" title="statement not covered" > throw new TypeError('Expected a string');</span> } &nbsp; <span class="cstat-no" title="statement not covered" > hex = hex.replace(/^#/, '');</span> <span class="cstat-no" title="statement not covered" > var hlen = hex.length,</span> cleanHex, RGB = [0, 0, 0], rgbString = 'rgb(0,0,0)', yiqres = 'white'; <span class="cstat-no" title="statement not covered" > options = (typeof options !== 'undefined') ? options : {};</span> <span class="cstat-no" title="statement not covered" > options.debug = options.hasOwnProperty('debug') ? options.debug : false;</span> &nbsp; // expand hex input <span class="cstat-no" title="statement not covered" > if (hlen === 3) {</span> <span class="cstat-no" title="statement not covered" > hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];</span> } &nbsp; // check for hex-only chars <span class="cstat-no" title="statement not covered" > cleanHex = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);</span> &nbsp; <span class="cstat-no" title="statement not covered" > if (cleanHex !== null) {</span> <span class="cstat-no" title="statement not covered" > var num = parseInt(cleanHex, 16);</span> <span class="cstat-no" title="statement not covered" > RGB = [num &gt;&gt; 16, num &gt;&gt; 8 &amp; 255, num &amp; 255];</span> <span class="cstat-no" title="statement not covered" > rgbString = 'rgb(' + RGB[0] + ', ' + RGB[1] + ', ' + RGB[2] + ')';</span> &nbsp; <span class="cstat-no" title="statement not covered" > var yiq = ((RGB[0] * 299) + (RGB[1] * 587) + (RGB[2] * 114)) / 1000;</span> <span class="cstat-no" title="statement not covered" > yiqres = (yiq &gt;= 128 || isNaN(yiq)) ? 'black' : 'white';</span> &nbsp; } else <span class="cstat-no" title="statement not covered" >if (options.debug === true) {</span> <span class="cstat-no" title="statement not covered" > console.error("(hex2rgb) " + hex + ": Expected 3 or 6 HEX-ONLY chars. Returning defaults.");</span> } &nbsp; <span class="cstat-no" title="statement not covered" > return {</span> rgb: RGB, rgbString: rgbString, yiq: yiqres }; &nbsp; };</pre></td></tr> </table></pre> </div> <div class="footer"> <div class="meta">Generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Apr 23 2015 17:03:04 GMT-0700 (PDT)</div> </div> <script src="../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../sorter.js"></script> </body> </html>