RandomHexColor/testRandomHexColor.html at master · johansoderblom/RandomHexColor · 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="description" content="Random Hex Color">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="makeRandomHexColors.js" type="text/javascript"></script>
	<link rel="shortcut icon" href="/images/favicon.ico">
	<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
</head>

<body onload="setBGcolor()">
	<div class="container">
		<h3>Main color:</h3>
		<p class="text">Hex Value: <a id="displayHexValue">#C0FFEE</a></p>
		<p class="text">RGB Value: <a id="displayRGBValue">rgb(192,255,238)</a></p>
		<!-- <p class="text">RGB Value: <a id="displayRGBValue">rgb(192,255,238)</a></p> -->
		<br/>
		<div class="buttonContainer">
			<button id="btn1" type="button" onclick="setBGcolor()">Random Color</button>
			<button id="btn2" type="button" onclick="setBGcolorDark()">Dark</button>
			<button id="btn3" type="button" onclick="setBGcolorLight()">Light</button>
		</div>
	</div>

	<div class="subColorContainer">
		<div class="contrastColorContainer">
			<div id="ccColor">
			</div>
		</div>
		<p class="text">Hex Value: <a id="contrastColor">"#3f0011"</a></p>
	</div>
<div class="subColorContainer">
		<div class="contrastColorContainer">
			<div id="ccColor2">
			</div>
		</div>
		<p class="text">Hex Value: <a id="contrastColor2"></a></p>
	</div>
		<div class="subColorContainer">
		<div class="contrastColorContainer">
			<div id="strongColor">
			</div>
		</div>
		<p class="text">Hex Value: <a id="strColor"></a></p>
	</div>
		<div class="subColorContainer">
		<div class="contrastColorContainer">
			<div id="strongColor2">
			</div>
		</div>
		<p class="text">Hex Value: <a id="strColor2"></a></p>
	</div>

</body>

</html>