Colorplane/touch.html at master · danielzarick/Colorplane · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Colorplane - a color picker for humans</title>
  <meta name="author" content="33cc77 - Daniel Zarick">
  <meta name="description" content="Colorplane - a color picker for humans.">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js" type="text/javascript"></script>
  <script src="//33cc77.com/tools/colorplane/js/tinycolor.js" type="text/javascript"></script>
  <!-- // <script src="//33cc77.com/tools/colorplane/js/colorplane-touch.js" type="text/javascript"></script> -->
  <script src="js/colorplane-touch.js" type="text/javascript"></script>
  <!-- <link href="//33cc77.com/tools/colorplane/css/colorplane-touch-styles.css" media="all" rel="stylesheet" type="text/css" /> -->
  <link href="css/colorplane-touch-styles.css" media="all" rel="stylesheet" type="text/css" />

  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>

  <div class="container">

    <ul class="colorplane-hex">
      <li>Selected: <span class="colorplane-hex-color" id="colorplane-selected-hex">pick one</span></li>
      <li>Current: <span class="colorplane-hex-color" id="colorplane-current-hex">pick one</span></li>
      <li>Current hue: <span class="colorplane-hex-color" id="colorplane-current-hue">pick one</span></li>
      <li>Current saturation: <span class="colorplane-hex-color" id="colorplane-current-satur">pick one</span></li>
      <li>Current lightness: <span class="colorplane-hex-color" id="colorplane-current-light">pick one</span></li>
    </ul>
    <div class="colorplane"></div>

  </div>
</body>
</html>