color-picker-gray.html 9.05 KB
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Color Picker - Gray - Bootflat</title><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"><meta name="smartaddon-verification" content="936e8d43184bc47ef34e25e426c508fe"><meta name="keywords" content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Flat UI colors, colors"><meta name="description" content="Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs"><link rel="shortcut icon" href="favicon_16.ico"><link rel="bookmark" href="favicon_16.ico"><link rel="stylesheet" href="css/site.min.css"><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic" rel="stylesheet" type="text/css"><!--[if lt IE 9]><script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script><![endif]--><script type="text/javascript" src="js/site.min.js"></script></head><body><div class="docs-header"><nav class="navbar navbar-default navbar-custom" role="navigation"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="navbar-brand" href="index.html"><img src="img/logo.png" height="40"></a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav navbar-right"><li><a class="nav-link" href="getting-started.html">Getting Started</a></li><li><a class="nav-link" href="documentation.html">Documentation</a></li><li><a class="nav-link" href="free-psd.html">Free PSD</a></li><li><a class="nav-link current" href="color-picker.html">Color Picker</a></li></ul></div></div></nav><div class="topic"><div class="container"><div class="col-md-8"><h3>Color Picker</h3><h4>Bootflat Flat UI color picker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs</h4></div><div class="col-md-4"><div class="advertisement"><script async type="text/javascript" src="//cdn.adpacks.com/adpacks.js?zoneid=1386&serve=C6SI42Y&placement=bootflat" id="_adpacks_js"></script></div></div></div><div class="topic__infos"><div class="container color-picker-nav"><a href="color-picker.html">All</a> <a href="color-picker-red.html">Red</a> <a href="color-picker-pink.html">Pink</a> <a href="color-picker-purple.html">Purple</a> <a href="color-picker-blue.html">Blue</a> <a href="color-picker-green.html">Green</a> <a href="color-picker-yellow.html">Yellow</a> <a class="current" href="color-picker-gray.html">Gray</a></div></div></div></div><div class="color-wrap clearfix"><div class="color-picker"><div class="color-item" style="background-color:#BFBFBF"><span class="color-name">SILVER</span><br><span class="hex-number">#BFBFBF</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#F2F1EF"><span class="color-name">CARARRA</span><br><span class="hex-number">#F2F1EF</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#BDC3C7"><span class="color-name">SILVER SAND</span><br><span class="hex-number">#BDC3C7</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#ECF0F1"><span class="color-name">PORCELAIN</span><br><span class="hex-number">#ECF0F1</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#D2D7D3"><span class="color-name">PUMICE</span><br><span class="hex-number">#D2D7D3</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#757D75"><span class="color-name">Harbor rat</span><br><span class="hex-number">#757D75</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#EEEEEE"><span class="color-name">GALLERY</span><br><span class="hex-number">#EEEEEE</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#ABB7B7"><span class="color-name">EDWARD</span><br><span class="hex-number">#ABB7B7</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color: #6C7A89"><span class="color-name">LYNCH</span><br><span class="hex-number">#6C7A89</span><br></div></div><div class="color-picker"><div class="color-item" style="background-color:#95A5A6"><span class="color-name">CASCADE</span><br><span class="hex-number">#95A5A6</span><br></div></div></div><div class="site-footer"><div class="container"><div class="download"><span class="download__infos">You simply have to <b>try it</b>.</span>&nbsp;&nbsp;&nbsp;&nbsp; <a class="btn btn-primary" href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat</a>&nbsp;&nbsp;&nbsp;&nbsp; <a class="btn" href="documentation.html">Read the Documentation</a>&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">(function() {
            var s=document.createElement('script');s.type='text/javascript';s.async = true;
            s.src='http://s1'+'.smartaddon.com/share_addon.js';
            var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j);
            })();</script><a href="http://www.smartaddon.com/?share" title="Share Button" onclick="return sa_tellafriend('','bookmarks')"><img alt="Share" src="http://bootflat.github.io/img/share.gif" border="0"></a></div><hr class="dashed"><div class="row"><div class="col-md-4"><h3>Get involved</h3><p>Bootflat is hosted on <a href="https://github.com/bootflat/bootflat.github.io" target="_blank" rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p></div><div class="col-md-4"><h3>Contribute</h3><p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <a href="https://github.com/bootflat/bootflat.github.io" target="_blank" rel="external nofollow">GitHub</a> and send us a pull request.</p></div><div class="col-md-4"><h3>Found a bug?</h3><p>Open a <a href="https://github.com/bootflat/bootflat.github.io/issues" target="_blank" rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p></div></div><hr class="dashed"><div class="row"><div class="col-md-6"><h3>Talk to us</h3><ul><li>Tweet us at <a href="https://twitter.com/flathemes" target="_blank">@flathemes</a>&nbsp;&nbsp;&nbsp;&nbsp;Email us at <span class="connect">info@flathemes.com</span></li><li><a title="Twitter" href="https://twitter.com/flathemes" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe121"></i></a> <a title="Facebook" href="https://www.facebook.com/Flathemes" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe10b"></i></a> <a title="Google+" href="https://plus.google.com/u/0/" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe110"></i></a> <a title="Github" href="https://github.com/bootflat/bootflat.github.io" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe10e"></i></a></li></ul></div><div class="col-md-6"><link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"><div id="mc_embed_signup"><h3 style="margin-bottom: 15px">Newsletter</h3><form action="http://flathemes.us3.list-manage.com/subscribe/post?u=faba9adaea2b85dc9a5c496bd&amp;id=acd08a1b0f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><input style="margin-bottom: 10px" type="email" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="email address" required> <span class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary"></span></form></div></div></div><hr class="dashed"><div class="copyright clearfix"><p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a>&nbsp;&bull;&nbsp;<a href="free-psd.html">Free PSD</a>&nbsp;&bull;&nbsp;<a href="color-picker.html">Color Picker</a></p><p>&copy; 2014 <a href="http://www.flathemes.com" target="_blank">FLATHEMES</a>, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p></div></div></div><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-48721682-1', 'bootflat.github.io');
	  ga('require', 'displayfeatures');
      ga('send', 'pageview');</script></body></html>