Skip to content

Instantly share code, notes, and snippets.

@sinsedrix

sinsedrix/Color names viewer

Last active December 22, 2017 14:18
Show Gist options
  • Save sinsedrix/5600053 to your computer and use it in GitHub Desktop.
Save sinsedrix/5600053 to your computer and use it in GitHub Desktop.
Download ZIP
Color names with their rgb ans hexa values - http://codepen.io/sinsedrix/pen/wbvEG
Raw
Color names viewer
Color names with their rgb ans hexa values
http://codepen.io/sinsedrix/pen/wbvEG
A CodePen by Cédric Couliou
Raw
index.html
<table id="colorsTable">
</table>
Raw
script.js
//https://developer.mozilla.org/en-US/docs/CSS/color_value
/*
var cols = {};
$('tr').each(function(){ if($('td', this)[1] && $('td', this)[2]) cols[$('td', this)[1].innerText] = /=rgb\(\s*(\d+),\s*(\d+),\s*(\d+)\)/.exec($('td', this)[2].innerText); });
JSON.srtingify(cols);
*/
var colorNames = {
"silver":["rgb(192, 192, 192)","192","192","192"],
"gray":["rgb(128, 128, 128)","128","128","128"],
"white":["rgb(255, 255, 255)","255","255","255"],
"maroon":["rgb(128, 0, 0)","128","0","0"],
"red":["rgb(255, 0, 0)","255","0","0"],
"purple":["rgb(128, 0, 128)","128","0","128"],
"fuchsia":["rgb(255, 0, 255)","255","0","255"],
"green":["rgb( 0, 128, 0)","0","128","0"],
"lime":["rgb( 0, 255, 0)","0","255","0"],
"olive":["rgb(128, 128, 0)","128","128","0"],
"yellow":["rgb(255, 255, 0)","255","255","0"],
"navy":["rgb( 0, 0, 128)","0","0","128"],
"blue":["rgb( 0, 0, 255)","0","0","255"],
"teal":["rgb( 0, 128, 128)","0","128","128"],
"aqua":["rgb( 0, 255, 255)","0","255","255"],
"antiquewhite":["rgb(250, 235, 215)","250","235","215"],
"aquamarine":["rgb(127, 255, 212)","127","255","212"],
"azure":["rgb(240, 255, 255)","240","255","255"],
"beige":["rgb(245, 245, 220)","245","245","220"],
"bisque":["rgb(255, 228, 196)","255","228","196"],
"blanchedalmond":["rgb(255, 235, 205)","255","235","205"],
"blueviolet":["rgb(138, 43, 226)","138","43","226"],
"brown":["rgb(165, 42, 42)","165","42","42"],
"burlywood":["rgb(222, 184, 35)","222","184","35"],
"cadetblue":["rgb( 95, 158, 160)","95","158","160"],
"chartreuse":["rgb(127, 255, 0)","127","255","0"],
"chocolate":["rgb(210, 105, 30)","210","105","30"],
"coral":["rgb(255, 127, 80)","255","127","80"],
"cornflowerblue":["rgb(100, 149, 237)","100","149","237"],
"cornsilk":["rgb(255, 248, 220)","255","248","220"],
"crimson":["rgb(220, 20, 60)","220","20","60"],
"darkblue":["rgb( 0, 0, 139)","0","0","139"],
"darkcyan":["rgb( 0, 139, 139)","0","139","139"],
"darkgoldenrod":["rgb(184, 134, 11)","184","134","11"],
"darkgray":["rgb(169, 169, 169)","169","169","169"],
"darkgreen":["rgb( 0, 100, 0)","0","100","0"],
"darkgrey":["rgb(169, 169, 169)","169","169","169"],
"darkkhaki":["rgb(189, 183, 107)","189","183","107"],
"darkmagenta":["rgb(139, 0, 139)","139","0","139"],
"darkolivegreen":["rgb( 85, 107, 47)","85","107","47"],
"darkorange":["rgb(255, 140, 0)","255","140","0"],
"darkorchid":["rgb(153, 50, 204)","153","50","204"],
"darkred":["rgb(139, 0, 0)","139","0","0"],
"darksalmon":["rgb(233, 150, 122)","233","150","122"],
"darkseagreen":["rgb(143, 188, 143)","143","188","143"],
"darkslateblue":["rgb( 72, 61, 139)","72","61","139"],
"darkslategray":["rgb( 47, 79, 79)","47","79","79"],
"darkslategrey":["rgb( 47, 79, 79)","47","79","79"],
"darkturquoise":["rgb( 0, 206, 209)","0","206","209"],
"darkviolet":["rgb(148, 0, 211)","148","0","211"],
"deeppink":["rgb(255, 20, 147)","255","20","147"],
"deepskyblue":["rgb( 0, 191, 255)","0","191","255"],
"dimgray":["rgb(105, 105, 105)","105","105","105"],
"dimgrey":["rgb(105, 105, 105)","105","105","105"],
"dodgerblue":["rgb( 30, 144, 255)","30","144","255"],
"firebrick":["rgb(178, 34, 34)","178","34","34"],
"floralwhite":["rgb(255, 250, 240)","255","250","240"],
"forestgreen":["rgb( 34, 139, 34)","34","139","34"],
"gainsboro":["rgb(220, 220, 220)","220","220","220"],
"ghostwhite":["rgb(248, 248, 255)","248","248","255"],
"gold":["rgb(255, 215, 0)","255","215","0"],
"goldenrod":["rgb(218, 165, 32)","218","165","32"],
"greenyellow":["rgb(173, 255, 47)","173","255","47"],
"grey":["rgb(128, 128, 128)","128","128","128"],
"honeydew":["rgb(240, 255, 240)","240","255","240"],
"hotpink":["rgb(255, 105, 180)","255","105","180"],
"indianred":["rgb(205, 92, 92)","205","92","92"],
"indigo":["rgb( 75, 0, 130)","75","0","130"],
"ivory":["rgb(255, 255, 240)","255","255","240"],
"khaki":["rgb(240, 230, 140)","240","230","140"],
"lavender":["rgb(230, 230, 250)","230","230","250"],
"lavenderblush":["rgb(255, 240, 245)","255","240","245"],
"lawngreen":["rgb(124, 252, 0)","124","252","0"],
"lemonchiffon":["rgb(255, 250, 205)","255","250","205"],
"lightblue":["rgb(173, 216, 230)","173","216","230"],
"lightcoral":["rgb(240, 128, 128)","240","128","128"],
"lightcyan":["rgb(224, 255, 255)","224","255","255"],
"lightgoldenrodyellow":["rgb(250, 250, 210)","250","250","210"],
"lightgray":["rgb(211, 211, 211)","211","211","211"],
"lightgreen":["rgb(144, 238, 144)","144","238","144"],
"lightgrey":["rgb(211, 211, 211)","211","211","211"],
"lightpink":["rgb(255, 182, 193)","255","182","193"],
"lightsalmon":["rgb(255, 160, 122)","255","160","122"],
"lightseagreen":["rgb( 32, 178, 170)","32","178","170"],
"lightskyblue":["rgb(135, 206, 250)","135","206","250"],
"lightslategray":["rgb(119, 136, 153)","119","136","153"],
"lightslategrey":["rgb(119, 136, 153)","119","136","153"],
"lightsteelblue":["rgb(176, 196, 222)","176","196","222"],
"lightyellow":["rgb(255, 255, 224)","255","255","224"],
"limegreen":["rgb( 50, 205, 50)","50","205","50"],
"linen":["rgb(250, 240, 230)","250","240","230"],
"mediumaquamarine":["rgb(102, 205, 170)","102","205","170"],
"mediumblue":["rgb( 0, 0, 205)","0","0","205"],
"mediumorchid":["rgb(186, 85, 211)","186","85","211"],
"mediumpurple":["rgb(147, 112, 219)","147","112","219"],
"mediumseagreen":["rgb( 60, 179, 113)","60","179","113"],
"mediumslateblue":["rgb(123, 104, 238)","123","104","238"],
"mediumspringgreen":["rgb( 0, 250, 154)","0","250","154"],
"mediumturquoise":["rgb( 72, 209, 204)","72","209","204"],
"mediumvioletred":["rgb(199, 21, 133)","199","21","133"],
"midnightblue":["rgb( 25, 25, 112)","25","25","112"],
"mintcream":["rgb(245, 255, 250)","245","255","250"],
"mistyrose":["rgb(255, 228, 225)","255","228","225"],
"moccasin":["rgb(255, 228, 181)","255","228","181"],
"navajowhite":["rgb(255, 222, 173)","255","222","173"],
"oldlace":["rgb(253, 245, 230)","253","245","230"],
"olivedrab":["rgb(107, 142, 35)","107","142","35"],
"orangered":["rgb(255, 69, 0)","255","69","0"],
"orchid":["rgb(218, 112, 214)","218","112","214"],
"palegoldenrod":["rgb(238, 232, 170)","238","232","170"],
"palegreen":["rgb(152, 251, 152)","152","251","152"],
"paleturquoise":["rgb(175, 238, 238)","175","238","238"],
"palevioletred":["rgb(219, 112, 147)","219","112","147"],
"papayawhip":["rgb(255, 239, 213)","255","239","213"],
"peachpuff":["rgb(255, 218, 185)","255","218","185"],
"peru":["rgb(205, 133, 63)","205","133","63"],
"pink":["rgb(255, 192, 203)","255","192","203"],
"plum":["rgb(221, 160, 221)","221","160","221"],
"powderblue":["rgb(176, 224, 230)","176","224","230"],
"rosybrown":["rgb(188, 143, 143)","188","143","143"],
"royalblue":["rgb( 65, 105, 225)","65","105","225"],
"saddlebrown":["rgb(139, 69, 19)","139","69","19"],
"salmon":["rgb(250, 128, 114)","250","128","114"],
"sandybrown":["rgb(244, 164, 96)","244","164","96"],
"seagreen":["rgb( 46, 139, 87)","46","139","87"],
"seashell":["rgb(255, 245, 238)","255","245","238"],
"sienna":["rgb(160, 82, 45)","160","82","45"],
"skyblue":["rgb(135, 206, 235)","135","206","235"],
"slateblue":["rgb(106, 90, 205)","106","90","205"],
"slategray":["rgb(112, 128, 144)","112","128","144"],
"slategrey":["rgb(112, 128, 144)","112","128","144"],
"snow":["rgb(255, 250, 250)","255","250","250"],
"springgreen":["rgb( 0, 255, 127)","0","255","127"],
"steelblue":["rgb( 70, 130, 180)","70","130","180"],
"tan":["rgb(210, 180, 140)","210","180","140"],
"thistle":["rgb(216, 191, 216)","216","191","216"],
"tomato":["rgb(255, 99, 71)","255","99","71"],
"turquoise":["rgb( 64, 224, 208)","64","224","208"],
"violet":["rgb(238, 130, 238)","238","130","238"],
"wheat":["rgb(245, 222, 179)","245","222","179"],
"whitesmoke":["rgb(245, 245, 245)","245","245","245"],
"yellowgreen":["rgb(154, 205, 50)","154","205","50"]
};
function to2HexStr(ns) {
return ("0" + parseInt(ns).toString(16)).slice(-2);
}
window.onload = function() {
var coltab = document.getElementById('colorsTable');
for(c in colorNames) {
var colRow = coltab.insertRow(-1);
var nameCell = colRow.insertCell(0);
var colText = document.createTextNode(c);
nameCell.appendChild(colText);
var bgCell = colRow.insertCell(1);
bgCell.style.background = colorNames[c][0];
var rgbCell = colRow.insertCell(2);
var rgbText = document.createTextNode(colorNames[c][0]);
rgbCell.appendChild(rgbText);
var hexCell = colRow.insertCell(3);
var hexText = document.createTextNode('#' + to2HexStr(colorNames[c][1]) + to2HexStr(colorNames[c][2]) + to2HexStr(colorNames[c][3]));
hexCell.appendChild(hexText);
}
};
Raw
style.css
#colorsTable {
font-family:Courier;
}
#colorsTable td {
width: 200px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment