UNPKG

hex2rgb

Version:

Converts hex color to rgb and calculates appropriate corresponding foreground.

244 lines (242 loc) 7.38 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for hex2rgb/index.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 high"> <h1>Code coverage report for <span class="entity">hex2rgb/index.js</span></h1> <h2> Statements: <span class="metric">100% <small>(22 / 22)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Branches: <span class="metric">100% <small>(20 / 20)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Functions: <span class="metric">100% <small>(1 / 1)</small></span> &nbsp;&nbsp;&nbsp;&nbsp; Lines: <span class="metric">100% <small>(22 / 22)</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; index.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 64 65 66 67</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-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-yes">18</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-yes">17</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">17</span> <span class="cline-any cline-yes">17</span> <span class="cline-any cline-yes">17</span> <span class="cline-any cline-yes">17</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">17</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">17</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-yes">17</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">17</span> <span class="cline-any cline-yes">7</span> <span class="cline-any cline-yes">7</span> <span class="cline-any cline-yes">7</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">7</span> <span class="cline-any cline-yes">7</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">10</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-yes">17</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></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. */ &nbsp; var hex2rgb = function(hex, options) { 'use strict'; &nbsp; // checks and defaults if (typeof hex !== 'string') { throw new TypeError('Expected a string'); } &nbsp; hex = hex.replace(/^#/, ''); &nbsp; options = options || {}; options.debug = (typeof options.debug === 'boolean') ? options.debug : false; options.rgbStringDefault = (typeof options.rgbStringDefault === 'string') ? options.rgbStringDefault : 'inherit'; options.yiqDefault = (typeof options.yiqDefault === 'string') ? options.yiqDefault : 'inherit'; &nbsp; var hlen = hex.length, cleanHex, RGB = [255, 255, 255], rgbString = options.rgbStringDefault, yiqres = options.yiqDefault; &nbsp; // expand hex input if (hlen === 3) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } &nbsp; // check for hex-only chars cleanHex = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); &nbsp; if (cleanHex !== null) { var num = parseInt(cleanHex, 16); RGB = [num &gt;&gt; 16, num &gt;&gt; 8 &amp; 255, num &amp; 255]; rgbString = 'rgb(' + RGB[0] + ', ' + RGB[1] + ', ' + RGB[2] + ')'; &nbsp; var yiq = ((RGB[0] * 299) + (RGB[1] * 587) + (RGB[2] * 114)) / 1000; yiqres = (yiq &gt;= 128 || isNaN(yiq)) ? 'black' : 'white'; &nbsp; } else if (options.debug === true) { console.error('(hex2rgb) ' + hex + ': Expected 3 or 6 HEX-ONLY chars. Returning defaults.'); } &nbsp; return { rgb: RGB, rgbString: rgbString, yiq: yiqres }; &nbsp; }; &nbsp; module.exports = hex2rgb;</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 Fri Apr 24 2015 14:00:41 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>