-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
42 lines (40 loc) · 1.91 KB
/
index.htm
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
<!doctype html>
<meta charset=utf-8>
<meta content="width=device-width,initial-scale=1" name=viewport>
<title>ColorSelector.htm</title>
<link href=../common/css/core.css rel=stylesheet>
<table class=right>
<tr id=display-hex>
<td><button id=color-random type=button>Hex [X]</button>
<td><input id=hex-color type=color><button id=grayscale type=button>Grayscale [Y]</button>
<td><button id=darken type=button>Darken [K]</button><button id=lighten type=button>Lighten [L]</button>
<td><input id=hex maxlength=6 type=text>
<tr id=display-red>
<td><button id=red-random type=button>Red [R]</button>
<td><input id=red max=255 min=0 type=range>
<td><input id=red-255 max=255 min=0 step=1 type=number>
<td><input id=red-1 max=1 min=0 step=any type=number>
<tr id=display-green>
<td><button id=green-random type=button>Green [G]</button>
<td><input id=green max=255 min=0 type=range>
<td><input id=green-255 max=255 min=0 step=1 type=number>
<td><input id=green-1 max=1 min=0 step=any type=number>
<tr id=display-blue>
<td><button id=blue-random type=button>Blue [U]</button>
<td><input id=blue max=255 min=0 type=range>
<td><input id=blue-255 max=255 min=0 step=1 type=number>
<td><input id=blue-1 max=1 min=0 step=any type=number>
<tr>
<td id=display-background><input id=wcag-background type=color>
<td id=wcag-text-normal>Normal Text
<td id=wcag-text-normal-result style="background:#000">
<td rowspan=2><button id=wcag-background-use type=button>Background [N]</button><br>
<button id=wcag type=button>Switch [S]</button><br>
<button id=wcag-foreground-use type=button>Foreground [O]</button>
<tr>
<td id=display-foreground><input id=wcag-foreground type=color>
<td class=big id=wcag-text-large>Large Text
<td id=wcag-text-large-result style="background:#000">
</table>
<script src=../common/js/core.js></script>
<script src=repo.js></script>