hex2rgb
Version:
Converts hex color to rgb and calculates appropriate corresponding foreground.
232 lines (230 loc) • 8.17 kB
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>
Branches: <span class="metric">0% <small>(0 / 16)</small></span>
Functions: <span class="metric">0% <small>(0 / 1)</small></span>
Lines: <span class="metric">5.26% <small>(1 / 19)</small></span>
Ignored: <span class="metric"><span class="ignore-none">none</span></span>
</h2>
<div class="path"><a href="../index.html">All files</a> » <a href="index.html">hex2rgb/</a> » 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"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </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 */
var hex2rgb = <span class="fstat-no" title="function not covered" >function(hex, options) {</span>
"use strict";
// 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>
}
<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>
// 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>
}
// 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>
<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 >> 16, num >> 8 & 255, num & 255];</span>
<span class="cstat-no" title="statement not covered" > rgbString = 'rgb(' + RGB[0] + ', ' + RGB[1] + ', ' + RGB[2] + ')';</span>
<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 >= 128 || isNaN(yiq)) ? 'black' : 'white';</span>
} 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>
}
<span class="cstat-no" title="statement not covered" > return {</span>
rgb: RGB,
rgbString: rgbString,
yiq: yiqres
};
};</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>