-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
65 lines (57 loc) · 2.5 KB
/
index.html
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
64
65
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Rainbow Color Picker</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="lib/colorjs/dist/colorjs.min.js"></script>
<script type="text/javascript" src="colorpicker.js"></script>
<link rel="shortcut icon" href="favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="HTML color codes picker. You can obtain the hexadecimal, rgb and hsv codes as well as the color if you have one of that codes. There are lots of functionalities."/>
<meta name="keywords" content="HTML, color, CSS, RGB, hexadecimal, codes, picker" />
</head>
<body>
<h1 id="header">
<img src="assets/title/rainbow.png" heihgt="80px" width="542px" alt="Rainbow Color Picker"/>Rainbow Color Picker
</h1>
<div class="cp-outer-container">
<div class="actions-panel card">
<h2>Actions</h2>
<div id="action-fav">Save color</div>
<div id="action-info">Color info</div>
<div id="action-invert">Invert color</div>
<div id="action-random">Random color</div>
<div id="action-websafe">Web-safe colors</div>
</div>
<div class="main-panel card">
<div class="control-svboard">
</div><div class="controls">
<div class="output-sample"></div>
<div class="control-inputs">
<div>
<div class="input-group"><span>R</span><input type="text" class="red-input" value="255"/></div>
<div class="input-group"><span>G</span><input type="text" class="green-input" value="255"/></div>
<div class="input-group"><span>B</span><input type="text" class="blue-input" value="255"/></div>
</div><div>
<div class="input-group"><span>H</span><input type="text" class="hue-input" value="0"/></div>
<div class="input-group"><span>S</span><input type="text" class="sat-input" value="0"/></div>
<div class="input-group"><span>V</span><input type="text" class="val-input" value="100"/></div>
</div>
<div id="hex-div">
<div class="input-group hex-group"><span>#</span><input type="text" class="hex-input" value="FFFFFF" spellcheck="false"/></div>
</div>
</div>
<div class="control-huebar"></div>
</div>
</div>
<div class="favorites-panel card">
<h2>Saved colors</h2>
<div class="favorite-colors-box"></div>
</div>
</div>
<div id="footer">
Made by <a href="https://github.com/germanfr">Germán Franco</a>. Fork this on <a href="https://github.com/germanfr/rainbow">Github</a>.
</div>
</body>
</html>