كود التعرف على ارقام الألوان
كود:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Welcome To ABQARIAH</title>
<STYLE>
A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=JavaScript>
<!-- Begin
function formHandler(){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
// End -->
}
</SCRIPT>
</head>
<body link="#FFFFFF" text="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#FFE88A">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="563" height="31">
<tr>
<td width="563" height="11">
<p align="center"><b><font size="7" color="#000000">ألوان</font></b></td>
</tr>
</center>
<tr>
<td width="563" height="16">
<p align="center"><b><font size="5" color="#000000">
<marquee direction="right">أختر ما يناسبك من الألوان
وضعها في موقعك</marquee>
</font></b></td>
</tr>
</table>
</div>
<p align="center"><b><font color="#000000" size="6">ألوان أساسية</font></b></p>
<div align="center">
<table border="0" cellpadding="0" cellspacing="6" width="636" height="202">
<tr>
<td width="100" height="100" bgcolor="#000000">
<p align="right"><font color="#FFFFFF"><a href="javascript:void(0)" onCLICK="document.bgColor='#000000'"><span style="background-color: #000000">#000000</span></a></font></td>
<td width="100" height="100" align="right" bgcolor="#FFFFFF">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFFFF'"><span style="background-color: #000000">#FFFFFF</span></a></td>
<td width="100" height="100" bgcolor="#008000" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#008000'"><span style="background-color: #000000">#008000</span></a></td>
<td width="100" height="100" bgcolor="#800000" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#800000'"><span style="background-color: #000000">#800000</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#808000" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#808000'"><span style="background-color: #000000">#808000</span></a></td>
<td width="100" height="100" bgcolor="#000080" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#000080'"><span style="background-color: #000000">#000080</span></a></td>
<td width="100" height="100" bgcolor="#800080" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#800080'"><span style="background-color: #000000">#800080</span></a></td>
<td width="100" height="100" bgcolor="#808080" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#808080'"><span style="background-color: #000000">#808080</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#FFFF00" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFF00'"><span style="background-color: #000000">#fFFF00</span></a></td>
<td width="100" height="100" bgcolor="#00FF00" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FF00'"><span style="background-color: #000000">#00FF00</span></a></td>
<td width="100" height="100" bgcolor="#00FFFF" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFFF'"><span style="background-color: #000000">#00FFFF</span></a></td>
<td width="100" height="100" bgcolor="#FF00FF" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF00FF'"><span style="background-color: #000000">#FF00FF</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#C0C0C0" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#C0C0C0'"><span style="background-color: #000000">#C0C0C0</span></a></td>
<td width="100" height="100" bgcolor="#FF0000" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF0000'"><span style="background-color: #000000">#FF0000</span></a></td>
<td width="100" height="100" bgcolor="#0000FF" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#0000FF'"><span style="background-color: #000000">#0000FF</span></a></td>
<td width="100" height="100" bgcolor="#008080" align="right">
<p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#008080'"><span style="background-color: #000000">#008080</span></a></td>
</tr>
<tr>
<td width="400" height="39" colspan="4" align="right">
<p align="right"><font color="#000000" size="6"><b>ألوان اختيارية</b></font></td>
</tr>
<center>
<tr>
<td width="100" height="100" bgcolor="#CC3366" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC3366'"><span style="background-color: #000000">#CC3366</span></a></td>
<td width="100" height="100" bgcolor="#FF9999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF9999'"><span style="background-color: #000000">#FF9999</span></a></td>
<td width="100" height="100" bgcolor="#FF3366" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF3366'"><span style="background-color: #000000">#FF3366</span></a></td>
<td width="100" height="100" bgcolor="#FFCCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCCFF'"><span style="background-color: #000000">#FFCCFF</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#FF66CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF66CC'"><span style="background-color: #000000">#FF66CC</span></a></td>
<td width="100" height="100" bgcolor="#CC6699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC6699'"><span style="background-color: #000000">#CC6699</span></a></td>
<td width="100" height="100" bgcolor="#CC3399" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC3399'"><span style="background-color: #000000">#CC3399</span></a></td>
<td width="100" height="100" bgcolor="#FF99CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF99CC'"><span style="background-color: #000000">#FF99CC</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#FF99FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF99FF'"><span style="background-color: #000000">#FF99FF</span></a></td>
<td width="100" height="100" bgcolor="#FF6699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF6699'"><span style="background-color: #000000">#FF6699</span></a></td>
<td width="100" height="100" bgcolor="#FF0066" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF0066'"><span style="background-color: #000000">#FF0066</span></a></td>
<td width="100" height="100" bgcolor="#FF3399" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF3399'"><span style="background-color: #000000">#FF3399</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#FF33CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF33CC'"><span style="background-color: #000000">#FF33CC</span></a></td>
<td width="100" height="100" bgcolor="#FF66FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF66FF'"><span style="background-color: #000000">#FF66FF</span></a></td>
<td width="100" height="100" bgcolor="#CC99FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC99FF'"><span style="background-color: #000000">#CC99FF</span></a></td>
<td width="100" height="100" bgcolor="#CC66CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC66CC'"><span style="background-color: #000000">#CC66CC</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#CC0099" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC0099'"><span style="background-color: #000000">#CC0099</span></a></td>
<td width="100" height="100" bgcolor="#CC99CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC99CC'"><span style="background-color: #000000">#CC99CC</span></a></td>
<td width="100" height="100" bgcolor="#996699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#996699'"><span style="background-color: #000000">#996699</span></a></td>
<td width="100" height="100" bgcolor="#CCCCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCCFF'""><span style="background-color: #000000">#CCCCFF</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#9999FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#9999FF'"><span style="background-color: #000000">#9999FF</span></a></td>
<td width="100" height="100" bgcolor="#3366CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#3366CC'"><span style="background-color: #000000">#3366CC</span></a></td>
<td width="100" height="100" bgcolor="#99CCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99CCFF'"><span style="background-color: #000000">#99CCFF</span></a></td>
<td width="100" height="100" bgcolor="#6699CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#6699CC'"><span style="background-color: #000000">#6699CC</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#0099CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#0099CC'"><span style="background-color: #000000">#0099CC</span></a></td>
<td width="100" height="100" bgcolor="#00CCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00CCFF'"><span style="background-color: #000000">#00CCFF</span></a></td>
<td width="100" height="100" bgcolor="#99FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99FFFF'"><span style="background-color: #000000">#99FFFF</span></a></td>
<td width="100" height="100" bgcolor="#66FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#66FFFF'"><span style="background-color: #000000">#66FFFF</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#00FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFFF'"><span style="background-color: #000000">#00FFFF</span></a></td>
<td width="100" height="100" bgcolor="#CCFFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFFFF'"><span style="background-color: #000000">#CCFFFF</span></a></td>
<td width="100" height="100" bgcolor="#00FFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFCC'"><span style="background-color: #000000">#00FFCC</span></a></td>
<td width="100" height="100" bgcolor="#339999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#339999'"><span style="background-color: #000000">#339999</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#009999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#009999'"><span style="background-color: #000000">#009999</span></a></td>
<td width="100" height="100" bgcolor="#33CC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#33CC99'"><span style="background-color: #000000">#33CC99</span></a></td>
<td width="100" height="100" bgcolor="#99CC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99CC99'"><span style="background-color: #000000">#99CC99</span></a></td>
<td width="100" height="100" bgcolor="#00FF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FF99'"><span style="background-color: #000000">#00FF99</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#66CC66" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#66CC66'"><span style="background-color: #000000">#66CC66</span></a></td>
<td width="100" height="100" bgcolor="#99FF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99FF99'"><span style="background-color: #000000">#99FF99</span></a></td>
<td width="100" height="100" bgcolor="#003300" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#003300'"><span style="background-color: #000000">#003300</span></a></td>
<td width="100" height="100" bgcolor="#006600" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#006600'"><span style="background-color: #000000">#006600</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#CCFFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFFCC'"><span style="background-color: #000000">#CCFFCC</span></a></td>
<td width="100" height="100" bgcolor="#CCFF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFF99'"><span style="background-color: #000000">#CCFF99</span></a></td>
<td width="100" height="100" bgcolor="#00CC00" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00CC00'"><span style="background-color: #000000">#00CC00</span></a></td>
<td width="100" height="100" bgcolor="#999900" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999900'"><span style="background-color: #000000">#999900</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#CCCC66" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCC66'"><span style="background-color: #000000">#CCCC66</span></a></td>
<td width="100" height="100" bgcolor="#999966" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999966'"><span style="background-color: #000000">#999966</span></a></td>
<td width="100" height="100" bgcolor="#FFFFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFFCC'"><span style="background-color: #000000">#FFFFCC</span></a></td>
<td width="100" height="100" bgcolor="#FFFF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFF99'"><span style="background-color: #000000">#FFFF99</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#FF9900" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF9900'"><span style="background-color: #000000">#FF9900</span></a></td>
<td width="100" height="100" bgcolor="#CC9999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC9999'"><span style="background-color: #000000">#CC9999</span></a></td>
<td width="100" height="100" bgcolor="#CC9966" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC9966'"><span style="background-color: #000000">#CC9966</span></a></td>
<td width="100" height="100" bgcolor="#FFCC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCC99'"><span style="background-color: #000000">#FFCC99</span></a></td>
</tr>
<tr>
<td width="100" height="100" bgcolor="#FF6666" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF6666'"><span style="background-color: #000000">#FF6666</span></a></td>
<td width="100" height="100" bgcolor="#CCCCCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCCCC'"><span style="background-color: #000000">#CCCCCC</span></a></td>
<td width="100" height="100" bgcolor="#999999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999999'"><span style="background-color: #000000">#999999</span></a></td>
<td width="100" height="100" bgcolor="#FFCCCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCCCC'"><span style="background-color: #000000">#FFCCCC</span></a></td>
</tr>
</table>
</center>
</div>
</body>
</html>