HTML5 Color Picker

3 posts Page 1 of 1
Contributors
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

HTML5 Color Picker
mikethedj4
Source - http://www.developphp.com/view.php?tid=1220
Code: Select all
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Color Picker</title>
<meta charset='utf-8'>
<meta name='viewport' content='initial-scale=1.0'>
<script type="text/javascript">
function processData(c1,c2) {
	var cv1 = document.getElementById(c1).value;
	var cv2 = document.getElementById(c2).value;
	alert(cv1+"\n"+cv2);
	// Use Ajax-PHP to send the values to server storage
	// Ajax-PHP Video Tutorial - www.developphp.com/view.php?tid=1185
}
</script>
</head>
<body>
	Choose Color 1: <input type="color" name="color1" id="color1" /><br />
	Choose Color 2: <input type="color" name="color2" id="color2" /><br />
	<input type="button" onClick="processData('color1','color2')" value="Submit" />
</body>
</html>
User avatar
noypikami
VIP - Donator
VIP - Donator
Posts: 151
Joined: Sat Dec 22, 2012 1:49 am

Re: HTML5 Color Picker
noypikami
very interesting........... Nice Tut for beginners. :mrgreen:
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: HTML5 Color Picker
mikethedj4
I made a pretty basic HSL(A) color picker you can view here. It converts HSL to RGB & HEX, but doesnt convert HEX to RGB/HSL or RGB to HEX, etc etc

It's pretty basic, but might come in handy for someone.
3 posts Page 1 of 1
Return to “Tutorials”