HTML色彩代码----在线调试网站源码

    选择打赏方式

本站已不再更新,最新资源请前往zcjun.com获取!

demo点击→web.zcjun.com/htmlcolor

从懒人小窝偷过来啊,ε=ε=ε=(~ ̄▽ ̄)~

附图两张

color1.pngcolor2.png

源代码如下,本地保存html文件即可使用:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="http://color.suppore.cn/css/hcc_017.css">
<link rel="stylesheet" type="text/css" href="http://color.suppore.cn/css/light-bottom.css">
<title>HTML色彩代码</title>
<meta name="description" content="HTML色彩代码 网站提供一件有关于色彩方面的免费工具,来帮助您查找贵站中的 HTML色彩。功能卓越的HTML色彩表格工具和HTML色彩提取利器让这个过程易如反掌。">
<meta name="keywords" content="html, color, codes, chart, picker, hex">
<link rel="shortcut icon" href="http://color.suppore.cn/favicon.ico" type="image/x-icon">
<script async="" src="http://color.suppore.cn/js/analytics.js"></script>
<!-- End Cookie Consent plugin -->
<body gtools_scp_screen_capture_injected="true">
<div id="colorcodes">
	<div id="header">
		<div id="logo"><a href="http://html-color-codes.info/" title="HTML Color Codes">
		    <img src="http://color.suppore.cn/image/html-color-codes.png" alt="HTML Color Codes" width="196" height="95"></a></div>
	</div>
	<div class="menu"><ul>
<li><a href="#" title="HTML Color Codes" id="current"><div class="menusprite" style="background-position: 0 0; width: 86px; height: 14px;"></div></a>
	<ul>
		<li><a href="#" title="Color Chart">Color Chart</a></li>
		<li><a href="#" title="Color Picker">Color Picker</a></li>
   </ul>
</li>
<li><a href="#" title="Get Color Codes from Image"><div class="menusprite" style="margin-top:4px;background-position: 0 -19px; width: 153px; height: 14px;"></div></a></li>
<li><a href="#" title="Color Names"><div class="menusprite" style="background-position: 0 -44px; width: 103px; height: 14px;"></div></a></li>
<li><a href="#" title="Web Safe Colors"><div class="menusprite" style="background-position: 0 -66px; width: 127px; height: 14px;"></div></a></li>
<li><a href="#" title="Online HTML Editor"><div class="menusprite" style="background-position: 0 -88px; width: 158px; height: 14px;"></div></a></li>
<li><a href="#" title="The Best Free Software and Online services"><div class="menusprite" style="background-position: 0 -110px; width: 82px; height: 14px;"></div></a></li>
</ul></div>
	<div id="main">
		<h1>HTML色彩代码</h1>
		<p><b>HTML色彩代码</b> 网站提供一件有关于色彩方面的免费工具,来帮助您查找贵站中的 <b>HTML色彩</b> 。 
		功能卓越的HTML色彩表格工具和HTML色彩提取利器让这个过程易如反掌。</p>
		 
		<p>要想在您的网站上快速使用 <b>HTML色彩</b> ,请查阅“如何使用HTML色彩代码?” 。
		如果您愿意学习 <b>HTML色彩代码</b> 中字符组合的真实意思,请查阅“HTML色彩代码理论”部分。</p>

		<p>网络安全色彩,指的是通用于任何操作系统中的颜色清单。如果您患有色盲症疾病,可以阅读HTML色彩名称来克服由看不清颜色所带来的困扰。</p>
<!-- color chart -->		
<a name="Html_Color_Chart"></a>
<h2>HTML色彩表格工具</h2>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p>利用这张动态<b>HTML色彩表格工具</b>您可以获取基本色彩的HTML代码。<br>
点击任何一个颜色块来获取<b>HTML色彩代码</b>。 底下是一张最近所提取颜色的清单。若要保存HTML色彩以便下次访问,单击它的徽章。</p>
<div id="TD" class="wrapper"></div>
<table id="colorchart">
 <tbody><tr><td bgcolor="#FBEFEF"></td><td bgcolor="#FBF2EF"></td><td bgcolor="#FBF5EF"></td><td bgcolor="#FBF8EF"></td><td bgcolor="#FBFBEF"></td><td bgcolor="#F8FBEF"></td><td bgcolor="#F5FBEF"></td><td bgcolor="#F2FBEF"></td><td bgcolor="#EFFBEF"></td><td bgcolor="#EFFBF2"></td><td bgcolor="#EFFBF5"></td><td bgcolor="#EFFBF8"></td><td bgcolor="#EFFBFB"></td><td bgcolor="#EFF8FB"></td><td bgcolor="#EFF5FB"></td><td bgcolor="#EFF2FB"></td><td bgcolor="#EFEFFB"></td><td bgcolor="#F2EFFB"></td><td bgcolor="#F5EFFB"></td><td bgcolor="#F8EFFB"></td><td bgcolor="#FBEFFB"></td><td bgcolor="#FBEFF8"></td><td bgcolor="#FBEFF5"></td><td bgcolor="#FBEFF2"></td><td bgcolor="#FFFFFF"></td></tr>
 <tr><td bgcolor="#F8E0E0"></td><td bgcolor="#F8E6E0"></td><td bgcolor="#F8ECE0"></td><td bgcolor="#F7F2E0"></td><td bgcolor="#F7F8E0"></td><td bgcolor="#F1F8E0"></td><td bgcolor="#ECF8E0"></td><td bgcolor="#E6F8E0"></td><td bgcolor="#E0F8E0"></td><td bgcolor="#E0F8E6"></td><td bgcolor="#E0F8EC"></td><td bgcolor="#E0F8F1"></td><td bgcolor="#E0F8F7"></td><td bgcolor="#E0F2F7"></td><td bgcolor="#E0ECF8"></td><td bgcolor="#E0E6F8"></td><td bgcolor="#E0E0F8"></td><td bgcolor="#E6E0F8"></td><td bgcolor="#ECE0F8"></td><td bgcolor="#F2E0F7"></td><td bgcolor="#F8E0F7"></td><td bgcolor="#F8E0F1"></td><td bgcolor="#F8E0EC"></td><td bgcolor="#F8E0E6"></td><td bgcolor="#FAFAFA"></td></tr>
 <tr><td bgcolor="#F6CECE"></td><td bgcolor="#F6D8CE"></td><td bgcolor="#F6E3CE"></td><td bgcolor="#F5ECCE"></td><td bgcolor="#F5F6CE"></td><td bgcolor="#ECF6CE"></td><td bgcolor="#E3F6CE"></td><td bgcolor="#D8F6CE"></td><td bgcolor="#CEF6CE"></td><td bgcolor="#CEF6D8"></td><td bgcolor="#CEF6E3"></td><td bgcolor="#CEF6EC"></td><td bgcolor="#CEF6F5"></td><td bgcolor="#CEECF5"></td><td bgcolor="#CEE3F6"></td><td bgcolor="#CED8F6"></td><td bgcolor="#CECEF6"></td><td bgcolor="#D8CEF6"></td><td bgcolor="#E3CEF6"></td><td bgcolor="#ECCEF5"></td><td bgcolor="#F6CEF5"></td><td bgcolor="#F6CEEC"></td><td bgcolor="#F6CEE3"></td><td bgcolor="#F6CED8"></td><td bgcolor="#F2F2F2"></td></tr>
 <tr><td bgcolor="#F5A9A9"></td><td bgcolor="#F5BCA9"></td><td bgcolor="#F5D0A9"></td><td bgcolor="#F3E2A9"></td><td bgcolor="#F2F5A9"></td><td bgcolor="#E1F5A9"></td><td bgcolor="#D0F5A9"></td><td bgcolor="#BCF5A9"></td><td bgcolor="#A9F5A9"></td><td bgcolor="#A9F5BC"></td><td bgcolor="#A9F5D0"></td><td bgcolor="#A9F5E1"></td><td bgcolor="#A9F5F2"></td><td bgcolor="#A9E2F3"></td><td bgcolor="#A9D0F5"></td><td bgcolor="#A9BCF5"></td><td bgcolor="#A9A9F5"></td><td bgcolor="#BCA9F5"></td><td bgcolor="#D0A9F5"></td><td bgcolor="#E2A9F3"></td><td bgcolor="#F5A9F2"></td><td bgcolor="#F5A9E1"></td><td bgcolor="#F5A9D0"></td><td bgcolor="#F5A9BC"></td><td bgcolor="#E6E6E6"></td></tr>
 <tr><td bgcolor="#F78181"></td><td bgcolor="#F79F81"></td><td bgcolor="#F7BE81"></td><td bgcolor="#F5DA81"></td><td bgcolor="#F3F781"></td><td bgcolor="#D8F781"></td><td bgcolor="#BEF781"></td><td bgcolor="#9FF781"></td><td bgcolor="#81F781"></td><td bgcolor="#81F79F"></td><td bgcolor="#81F7BE"></td><td bgcolor="#81F7D8"></td><td bgcolor="#81F7F3"></td><td bgcolor="#81DAF5"></td><td bgcolor="#81BEF7"></td><td bgcolor="#819FF7"></td><td bgcolor="#8181F7"></td><td bgcolor="#9F81F7"></td><td bgcolor="#BE81F7"></td><td bgcolor="#DA81F5"></td><td bgcolor="#F781F3"></td><td bgcolor="#F781D8"></td><td bgcolor="#F781BE"></td><td bgcolor="#F7819F"></td><td bgcolor="#D8D8D8"></td></tr>
 <tr><td bgcolor="#FA5858"></td><td bgcolor="#FA8258"></td><td bgcolor="#FAAC58"></td><td bgcolor="#F7D358"></td><td bgcolor="#F4FA58"></td><td bgcolor="#D0FA58"></td><td bgcolor="#ACFA58"></td><td bgcolor="#82FA58"></td><td bgcolor="#58FA58"></td><td bgcolor="#58FA82"></td><td bgcolor="#58FAAC"></td><td bgcolor="#58FAD0"></td><td bgcolor="#58FAF4"></td><td bgcolor="#58D3F7"></td><td bgcolor="#58ACFA"></td><td bgcolor="#5882FA"></td><td bgcolor="#5858FA"></td><td bgcolor="#8258FA"></td><td bgcolor="#AC58FA"></td><td bgcolor="#D358F7"></td><td bgcolor="#FA58F4"></td><td bgcolor="#FA58D0"></td><td bgcolor="#FA58AC"></td><td bgcolor="#FA5882"></td><td bgcolor="#BDBDBD"></td></tr>
 <tr><td bgcolor="#FE2E2E"></td><td bgcolor="#FE642E"></td><td bgcolor="#FE9A2E"></td><td bgcolor="#FACC2E"></td><td bgcolor="#F7FE2E"></td><td bgcolor="#C8FE2E"></td><td bgcolor="#9AFE2E"></td><td bgcolor="#64FE2E"></td><td bgcolor="#2EFE2E"></td><td bgcolor="#2EFE64"></td><td bgcolor="#2EFE9A"></td><td bgcolor="#2EFEC8"></td><td bgcolor="#2EFEF7"></td><td bgcolor="#2ECCFA"></td><td bgcolor="#2E9AFE"></td><td bgcolor="#2E64FE"></td><td bgcolor="#2E2EFE"></td><td bgcolor="#642EFE"></td><td bgcolor="#9A2EFE"></td><td bgcolor="#CC2EFA"></td><td bgcolor="#FE2EF7"></td><td bgcolor="#FE2EC8"></td><td bgcolor="#FE2E9A"></td><td bgcolor="#FE2E64"></td><td bgcolor="#A4A4A4"></td></tr>
 <tr><td bgcolor="#FF0000"></td><td bgcolor="#FF4000"></td><td bgcolor="#FF8000"></td><td bgcolor="#FFBF00"></td><td bgcolor="#FFFF00"></td><td bgcolor="#BFFF00"></td><td bgcolor="#80FF00"></td><td bgcolor="#40FF00"></td><td bgcolor="#00FF00"></td><td bgcolor="#00FF40"></td><td bgcolor="#00FF80"></td><td bgcolor="#00FFBF"></td><td bgcolor="#00FFFF"></td><td bgcolor="#00BFFF"></td><td bgcolor="#0080FF"></td><td bgcolor="#0040FF"></td><td bgcolor="#0000FF"></td><td bgcolor="#4000FF"></td><td bgcolor="#8000FF"></td><td bgcolor="#BF00FF"></td><td bgcolor="#FF00FF"></td><td bgcolor="#FF00BF"></td><td bgcolor="#FF0080"></td><td bgcolor="#FF0040"></td><td bgcolor="#848484"></td></tr>
 <tr><td bgcolor="#DF0101"></td><td bgcolor="#DF3A01"></td><td bgcolor="#DF7401"></td><td bgcolor="#DBA901"></td><td bgcolor="#D7DF01"></td><td bgcolor="#A5DF00"></td><td bgcolor="#74DF00"></td><td bgcolor="#3ADF00"></td><td bgcolor="#01DF01"></td><td bgcolor="#01DF3A"></td><td bgcolor="#01DF74"></td><td bgcolor="#01DFA5"></td><td bgcolor="#01DFD7"></td><td bgcolor="#01A9DB"></td><td bgcolor="#0174DF"></td><td bgcolor="#013ADF"></td><td bgcolor="#0101DF"></td><td bgcolor="#3A01DF"></td><td bgcolor="#7401DF"></td><td bgcolor="#A901DB"></td><td bgcolor="#DF01D7"></td><td bgcolor="#DF01A5"></td><td bgcolor="#DF0174"></td><td bgcolor="#DF013A"></td><td bgcolor="#6E6E6E"></td></tr>
 <tr><td bgcolor="#B40404"></td><td bgcolor="#B43104"></td><td bgcolor="#B45F04"></td><td bgcolor="#B18904"></td><td bgcolor="#AEB404"></td><td bgcolor="#86B404"></td><td bgcolor="#5FB404"></td><td bgcolor="#31B404"></td><td bgcolor="#04B404"></td><td bgcolor="#04B431"></td><td bgcolor="#04B45F"></td><td bgcolor="#04B486"></td><td bgcolor="#04B4AE"></td><td bgcolor="#0489B1"></td><td bgcolor="#045FB4"></td><td bgcolor="#0431B4"></td><td bgcolor="#0404B4"></td><td bgcolor="#3104B4"></td><td bgcolor="#5F04B4"></td><td bgcolor="#8904B1"></td><td bgcolor="#B404AE"></td><td bgcolor="#B40486"></td><td bgcolor="#B4045F"></td><td bgcolor="#B40431"></td><td bgcolor="#585858"></td></tr>
 <tr><td bgcolor="#8A0808"></td><td bgcolor="#8A2908"></td><td bgcolor="#8A4B08"></td><td bgcolor="#886A08"></td><td bgcolor="#868A08"></td><td bgcolor="#688A08"></td><td bgcolor="#4B8A08"></td><td bgcolor="#298A08"></td><td bgcolor="#088A08"></td><td bgcolor="#088A29"></td><td bgcolor="#088A4B"></td><td bgcolor="#088A68"></td><td bgcolor="#088A85"></td><td bgcolor="#086A87"></td><td bgcolor="#084B8A"></td><td bgcolor="#08298A"></td><td bgcolor="#08088A"></td><td bgcolor="#29088A"></td><td bgcolor="#4B088A"></td><td bgcolor="#6A0888"></td><td bgcolor="#8A0886"></td><td bgcolor="#8A0868"></td><td bgcolor="#8A084B"></td><td bgcolor="#8A0829"></td><td bgcolor="#424242"></td></tr>
 <tr><td bgcolor="#610B0B"></td><td bgcolor="#61210B"></td><td bgcolor="#61380B"></td><td bgcolor="#5F4C0B"></td><td bgcolor="#5E610B"></td><td bgcolor="#4B610B"></td><td bgcolor="#38610B"></td><td bgcolor="#21610B"></td><td bgcolor="#0B610B"></td><td bgcolor="#0B6121"></td><td bgcolor="#0B6138"></td><td bgcolor="#0B614B"></td><td bgcolor="#0B615E"></td><td bgcolor="#0B4C5F"></td><td bgcolor="#0B3861"></td><td bgcolor="#0B2161"></td><td bgcolor="#0B0B61"></td><td bgcolor="#210B61"></td><td bgcolor="#380B61"></td><td bgcolor="#4C0B5F"></td><td bgcolor="#610B5E"></td><td bgcolor="#610B4B"></td><td bgcolor="#610B38"></td><td bgcolor="#610B21"></td><td bgcolor="#2E2E2E"></td></tr>
 <tr><td bgcolor="#3B0B0B"></td><td bgcolor="#3B170B"></td><td bgcolor="#3B240B"></td><td bgcolor="#3A2F0B"></td><td bgcolor="#393B0B"></td><td bgcolor="#2E3B0B"></td><td bgcolor="#243B0B"></td><td bgcolor="#173B0B"></td><td bgcolor="#0B3B0B"></td><td bgcolor="#0B3B17"></td><td bgcolor="#0B3B24"></td><td bgcolor="#0B3B2E"></td><td bgcolor="#0B3B39"></td><td bgcolor="#0B2F3A"></td><td bgcolor="#0B243B"></td><td bgcolor="#0B173B"></td><td bgcolor="#0B0B3B"></td><td bgcolor="#170B3B"></td><td bgcolor="#240B3B"></td><td bgcolor="#2F0B3A"></td><td bgcolor="#3B0B39"></td><td bgcolor="#3B0B2E"></td><td bgcolor="#3B0B24"></td><td bgcolor="#3B0B17"></td><td bgcolor="#1C1C1C"></td></tr>
 <tr><td bgcolor="#2A0A0A"></td><td bgcolor="#2A120A"></td><td bgcolor="#2A1B0A"></td><td bgcolor="#29220A"></td><td bgcolor="#292A0A"></td><td bgcolor="#222A0A"></td><td bgcolor="#1B2A0A"></td><td bgcolor="#122A0A"></td><td bgcolor="#0A2A0A"></td><td bgcolor="#0A2A12"></td><td bgcolor="#0A2A1B"></td><td bgcolor="#0A2A22"></td><td bgcolor="#0A2A29"></td><td bgcolor="#0A2229"></td><td bgcolor="#0A1B2A"></td><td bgcolor="#0A122A"></td><td bgcolor="#0A0A2A"></td><td bgcolor="#120A2A"></td><td bgcolor="#1B0A2A"></td><td bgcolor="#220A29"></td><td bgcolor="#2A0A29"></td><td bgcolor="#2A0A22"></td><td bgcolor="#2A0A1B"></td><td bgcolor="#2A0A12"></td><td bgcolor="#151515"></td></tr>
 <tr><td bgcolor="#190707"></td><td bgcolor="#190B07"></td><td bgcolor="#191007"></td><td bgcolor="#181407"></td><td bgcolor="#181907"></td><td bgcolor="#141907"></td><td bgcolor="#101907"></td><td bgcolor="#0B1907"></td><td bgcolor="#071907"></td><td bgcolor="#07190B"></td><td bgcolor="#071910"></td><td bgcolor="#071914"></td><td bgcolor="#071918"></td><td bgcolor="#071418"></td><td bgcolor="#071019"></td><td bgcolor="#070B19"></td><td bgcolor="#070719"></td><td bgcolor="#0B0719"></td><td bgcolor="#100719"></td><td bgcolor="#140718"></td><td bgcolor="#190718"></td><td bgcolor="#190714"></td><td bgcolor="#190710"></td><td bgcolor="#19070B"></td><td bgcolor="#000000"></td></tr>
</tbody></table>

<!-- color picker -->	
<a name="HTML_Color_Picker"></a>
<h2>HTML色彩提取利器</h2>
<p>滚动垂直的滚动条来选择色彩,然后点击HTML色彩代码左边的颜色块来选择所要呈现的颜色。</p>
<p>您可以通过上边的输入区块来编写色彩代码,调配出您特有的颜色。</p>

<div id="insertcolor">
<button onclick="CPklik()" style="float:left">Save color</button>
插入您的色彩代码:
<input type="text" maxlength="7" value="FFFFFF" id="startcolor" name="startcolor">
<button id="newcolor">GO</button>
</div>
<div id="CP" class="wrapper"></div>
<div id="container"><div id="yui-picker-bg" class="yui-picker-bg" tabindex="-1" style="background-color: rgb(255, 0, 0);"><div id="yui-picker-thumb" class="yui-picker-thumb" style="left: -4px; top: -4px;"><img src="http://color.suppore.cn/image/picker_thumb.png"></div></div><div id="yui-picker-hue-bg" class="yui-picker-hue-bg" tabindex="-1"><div id="yui-picker-hue-thumb" class="yui-picker-hue-thumb" style="left: -2px; top: -8px;"><img src="http://color.suppore.cn/image/hue_thumb.png"></div></div><div id="yui-picker-controls" class="yui-picker-controls"><div class="hd"><a id="yui-picker-controls-label" href="http://html-color-codes.info/chinese/#"></a></div><div class="bd"><ul id="yui-picker-rgb-controls" class="yui-picker-rgb-controls"><li>R <input autocomplete="off" size="3" id="yui-picker-r" class="yui-picker-r" name="yui-picker-r"></li><li>G <input autocomplete="off" size="3" id="yui-picker-g" class="yui-picker-g" name="yui-picker-g"></li><li>B <input autocomplete="off" size="3" id="yui-picker-b" class="yui-picker-b" name="yui-picker-b"></li></ul><ul id="yui-picker-hsv-controls" class="yui-picker-hsv-controls"><li>H <input autocomplete="off" size="3" id="yui-picker-h" class="yui-picker-h" name="yui-picker-h"> °</li><li>S <input autocomplete="off" size="3" id="yui-picker-s" class="yui-picker-s" name="yui-picker-s"> %</li><li>V <input autocomplete="off" size="3" id="yui-picker-v" class="yui-picker-v" name="yui-picker-v"> %</li></ul><ul id="yui-picker-hex-summary" class="yui-picker-hex_summary" style="display: none;"><li id="yui-picker-rhex">FF</li><li id="yui-picker-ghex">FF</li><li id="yui-picker-bhex">FF</li></ul><div id="yui-picker-hex-controls" class="yui-picker-hex-controls"># <input autocomplete="off" size="6" id="yui-picker-hex" class="yui-picker-hex" name="yui-picker-hex"></div></div></div><div id="yui-picker-swatch" class="yui-picker-swatch" title="Currently selected color: #FFFFFF" style="background-color: rgb(255, 255, 255);"></div><div id="yui-picker-websafe-swatch" class="yui-picker-websafe-swatch" title="Closest websafe color: #FFFFFF. Click to select." style="display: none; background-color: rgb(255, 255, 255);"></div></div>
<!-- javaskripti -->
<script type="text/javascript" src="http://color.suppore.cn/js/cpcc_003.js"></script>
<script type="text/javascript" language="javascript">
(function() {
 var Event = YAHOO.util.Event, picker, hexcolor;

 Event.onDOMReady(function() {
 picker = new YAHOO.widget.ColorPicker("container", {
 showhsvcontrols: true,
 showhexcontrols: true,
 showwebsafe: false });
			picker.skipAnim=true;	
			var onRgbChange = function(o) {				setTimeout ("document.getElementById('yui-picker-hex').select()", 50);			}
			picker.on("rgbChange", onRgbChange);
			Event.on("newcolor", "click", function(e) {
				hexcolor = cc(document.getElementById('startcolor').value);
				picker.setValue([HexToR(hexcolor), HexToG(hexcolor), HexToB(hexcolor)], false); 
			});
 });
})();
</script>

<!-- how to use -->	
<a name="How_to_use_html_color_codes"></a>
<h2>如何使用HTML色彩代码?</h2>
<p>利用HTML色彩代码,您可以设置网站背景颜色、文本颜色、子表格颜色等等等等。</p>
<p><b>使用HTML色彩代码设置网站背景颜色:</b></p>
<div class="htmlcode">&lt;body style="background:#80BFFF"&gt;</div>
<br>
<p><b>使用HTML色彩代码设置字体/文本颜色:</b></p>
<div class="htmlcode">&lt;span style="color:#80BFFF"&gt;</div>
<br>
<p><b>使用HTML色彩代码设置表格背景颜色:</b></p>
<div class="htmlcode">&lt;table style="background:#80BFFF"&gt;</div>
<br>
<p><b>使用HTML色彩代码设置链接颜色:</b></p>
<div class="htmlcode">&lt;a style="color:#80BFFF"&gt;</div>
<br>

<!-- theory -->	
<a name="HTML_Color_Codes_Theory"></a>
<h2>HTML色彩代码理论</h2>
<p>
于是您一定在思索这样一个问题:“这种字幕与数字的奇怪组合有其独特的内涵吗?”。答案是:确实有!并且下面这些即为它的运作方式
<br>
<br>
<b>HTML代码格式:</b>
<br>
每一个HTML代码包含有“#”符号以及6个字幕和数字。这些数字都是十六进制的。比如“FF”在十六进制中代表十进制的数字255。
<br>
<br>
<b>符号意义:</b>
<br>
HTML色彩代码中前两个符号表示红色的浓度。00指的是颜色最淡而FF则指的是颜色最浓。第三个和第四个符号表示绿色的浓度,第五个和第六个符号表示蓝色的浓度。由此,将各种浓度的红、绿、蓝三种颜色进行组合,我们可以调配出任何所需色彩
<br>
<br>
<b>示例:</b>
<br>
<b style="color:#FF0000">#FF0000</b> - 利用这个HTML代码,我们让浏览器显示不掺杂任何绿色和蓝色成分的最鲜艳的红色。其结果当然就是纯红: <span style="background:#FF0000">&nbsp;&nbsp;&nbsp;&nbsp;</span>
<br>
<br>
<b style="color:#00FF00">#00FF00</b> - 这个HTML代码表示只有绿色且不掺杂任何红色和蓝色。其结果是: <span style="background:#00FF00">&nbsp;&nbsp;&nbsp;&nbsp;</span>
<br>
<br>
<b style="color:#0000FF">#0000FF</b> - 这个HTML代码表示只有蓝色且不掺杂任何红色和绿色。其结果是: <span style="background:#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;</span>
<br>
<br>
<b style="color:#FFFF00; background:#000000">#FFFF00</b> - 红绿组合生成黄色: <span style="background:#FFFF00">&nbsp;&nbsp;&nbsp;&nbsp;</span>
<br>
<br>
<b style="color:#cceeff; background:#000000">#CCEEFF</b> - 一些红色、一点绿色以及最高浓度的蓝色,组合成天蓝色: <span style="background:#cceeff">&nbsp;&nbsp;&nbsp;&nbsp;</span>
<br>
<br>
</p>
<br>
	</div>
</div>
<script type="text/javascript">
document.write("<sc"+"ript type='text/javas"+"cript'>(function() { ChartLoadEvent();})(); </scri"+"pt>");

function httpGet(theUrl)
{
var xmlHttp = null;

xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", theUrl, false );
xmlHttp.send( null );
return xmlHttp.responseText;
}
</script>
<script type="text/javascript">(function() { ChartLoadEvent();})(); </script>
</body></html>


版权声明:若无特殊注明,本文皆为《 子成君 》原创,转载请保留文章出处。
本文链接:HTML色彩代码----在线调试网站源码 https://old.zcjun.com/yuanma/46.html
百度收录:本文已被百度收录点击查看详情!
本文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

爱你允悲悲伤吃惊委屈可怜憧憬吃瓜大哭开心坏笑笑哭哼打哈欠鼓掌乖嘘阴险日了狗费解挤眼滑稽666比心


既然没有吐槽,那就赶紧抢沙发吧!