JS color picker (בחירת צבע ב-JS)

שלום,
קודם כל, היה לי קצת קשה לשייך את השאלה לפורום תכנות או בניית אתרים, אבל הגעתי למסקנה ש-JS קשור יותר לכאן, מצטער מראש אם מישהו חולק עלי בנושא.

מתוך איזה דחף רגעי בניתי את דף ה-HTML הבא:

https://2007-uploaded.fresh.co.il/2...7/85993960.html (ממליץ להעיף מבט)

הקוד שבונה את הדף הוא:
קוד:
<html>
<body topmargin=0 leftmargin=0 rightmargin=0>
<table border=1 cellspacing=0 cellpadding=0 width=100%>
<script>
	function over(num)
	{
		switch (num) {
			case 110: return "AA";
			break;
			case 121: return "BB";
			break;
			case 132: return "CC";
			break;
			case 143: return "DD";
			break;
			case 154: return "EE";
			break;
			case 165: return "FF";
			defult: return "FF";
		}
	}

	function td(num)
	{
		if (num < 10) return "0" + num;
		else if (num < 100) return num; 
		else return over(num);
	}

	var i = 0;
	 var j = 0;
	var k = 0;
	
	for (i = 0; i < 170; i+= 11) {
		document.write('<tr>');
		for (j = 0; j < 170; j+= 11) {
			for (k = 0; k < 170; k+= 11) 
				document.write('<td bgcolor=#' + td(i) + td(j) + td(k) + ' onClick="document.getElementById(\'sel\').value = \'#' + td(i) + td(j) + td(k) + '\';" onMouseOver="document.getElementById(\'col\').value = \'#' + td(i) + td(j) + td(k) + '\';"> &nbsp</td>');
		}
		document.write('</tr>');
	}
</script>
</table>
Over: <input type="text" id="col"><br>
Selected: <input type="text" id="sel">
</body>
</html>
זה עובד והכל נחמד, אבל קוד הצבעים שהסקריפט מייצר הוא סמטרי עבור כל צבע, אין למשל FC451D, אלא רק FF33CC (כלומר שני תווי הצבע זהים).

רציתי לבנות בוחר צבעים קצת יותר מורכב שיתן אפשרות למגוון רחב יותר של צבעים (תוך תחימה שלהם לתחום מסויים, ככל הנראה כדי למנוע פיצוץ של הדף) ולצורך כך בניתי את 3 הפונק' הבאות:
קוד:
	function hex_dig(n)
	{
		switch (n) {
			case 10: return "A";
			break;
			case 11: return "B";
			break;
			case 12: return "C";
			break;
			case 13: return "D";
			break;
			case 14: return "E";
			break;
			case 15: return "F";
			break;
			default: return n;
		}
	}
	function to_hex(num)
	{
		if (num == 0) return "";
		return String(to_hex(Math.floor(num / 16))) + String(hex_dig(num % 16));
	}
פונק' עם פונקציית עזר שמחשבת מחרוזת הקסדצימאלית ממספר דצימאלי.
קוד:
	function extend(str, len)
	{
		var i=0;
		for (i = str.length; i < len; i++) str = '0' + str;
		return str;
	}
פונק' שמרחיבה מחרוזת עם אפסים משמאל (לצרכים מובנים מאליהם - אורך קידוד צבע הוא 6).

מה שהסתבכתי איתו הוא בניית הלולאה שתעשה את זה באופן "יפה".
אם תשימו לב בדף שצרפתי בתחילת ההודעה, תראו שהצבעים יוצאים לא רציפים, אלא מתקבלים מלבנים של גוון מסויים, ואז כאילו מתאפס ומתחיל גוון קצת שונה של אותם הצבעים.
זה מכוער...
שברתי את הראש אבל לא מצאתי קונפיגורציה לבנייה של לולאה\לולאות שיבנו את הצבעים ב-gradient יפה...
למישהו יש רעיון בשבילי?

תודה מראש

נ.ב,
תרגישו חופשי להעתיק\להשתמש בקוד המצורף אם מישהו רוצה

אפשרויות משלוח הודעות

אתה לא יכול לפתוח אשכולות חדשים

אתה לא יכול להגיב לאשכולות

אתה לא יכול לצרף קבצים

אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל

סמיילים פעיל

קוד [IMG] פעיל

קוד HTML כבוי

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

הדף נוצר ב 0.06 שניות עם 11 שאילתות
צור קשר - Fresh - למעלה