<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Colordot - A color picker for humans</title><meta name="description" content="Simple color picker everyone"><meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"><link rel="stylesheet" href="/static/css/main.css"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:700"><link rel="icon" href="/static/favicon-32x32.png" sizes="32x32"><link rel="icon" href="/static/favicon-96x96.png" sizes="96x96"><link rel="icon" href="/static/favicon-16x16.png" sizes="16x16"><meta property="fb:admins" content="12802203"><meta name="apple-itunes-app" content="app-id=1082135500"></head><body><?xml version="1.0" encoding="utf-8" ?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://color.hailpixel.com/</loc></url><url><loc>https://color.hailpixel.com/ios/</loc></url><url><loc>https://color.hailpixel.com/ios/faq.html</loc></url></urlset></body><script type="text/html" id="template-color"><div class="color">
  <div class="info">
    <div class="rgb">
      <h2><%= colorHex %></h2>
    </div>
  </div>
  <div class="meta-controls">
    <button class="meta-details btn btn-sunken"><i class="icon-cog icon-large"></i></button>
    <button class="destroy btn"><i class="icon-remove icon-large"></i></button>
  </div>
</div>
<div class="details">
  <div class="color-input rgb">
    rgb(<span class="number-widget r">
      <input type="text" value="<%= r %>" data-type="red" tabindex="1" />
      <button class="stepper up btn"><i class="icon-caret-up"></i></button>
      <button class="stepper down btn"><i class="icon-caret-down"></i></button>
    </span>,<span class="number-widget g">
      <input type="text" value="<%= g %>" data-type="green" tabindex="2" />
      <button class="stepper up btn"><i class="icon-caret-up"></i></button>
      <button class="stepper down btn"><i class="icon-caret-down"></i></button>
    </span>,<span class="number-widget b">
      <input type="text" value="<%= b %>" data-type="blue" tabindex="3" />
      <button class="stepper up btn"><i class="icon-caret-up"></i></button>
      <button class="stepper down btn"><i class="icon-caret-down"></i></button>
    </span>)
  </div>

  <div class="color-input hsl">
    hsl(<span class="number-widget h">
      <input type="text" value="<%= h %>" data-type="hue" />
      <button class="stepper up btn"><i class="icon-caret-up"></i></button>
      <button class="stepper down btn"><i class="icon-caret-down"></i></button>
    </span>,<span class="number-widget s">
      <input type="text" value="<%= s %>" data-type="saturation" />
      <button class="stepper up btn"><i class="icon-caret-up"></i></button>
      <button class="stepper down btn"><i class="icon-caret-down"></i></button>
    </span>,<span class="number-widget l">
      <input type="text" value="<%= l %>" data-type="lightness" />
      <button class="stepper up btn"><i class="icon-caret-up"></i></button>
      <button class="stepper down btn"><i class="icon-caret-down"></i></button>
    </span>)
  </div>
</div></script><script src="/static/app/vendor/jquery.min.js"></script><script src="/static/app/vendor/underscore-min.js"></script><script src="/static/app/vendor/backbone-min.js"></script><script src="/static/app/vendor/color.min.js"></script><script src="/static/app/vendor/hammer.min.js"></script><script src="/static/app/models/color.js"></script><script src="/static/app/collections/colors.js"></script><script src="/static/app/views/color.js"></script><script src="/static/app/routes/router.js"></script><script src="/static/app/views/app.js"></script><script src="/static/app/main.js"></script><!-- async and plugins--><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','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-17489176-5', 'auto');
ga('send', 'pageview');
</script><script>(function() {
  var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  po.src = 'https://apis.google.com/js/plusone.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();</script><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></html>