Hom's Blog


HTML拾色器和色彩代码

HTML色彩代码 网站提供一件有关于色彩方面的免费工具,来帮助您查找贵站中的 HTML色彩 。 功能卓越的 HTML色彩表格工具 , HTML色彩提取利器HTML图片色彩提取器 让这个过程易如反掌。

要想在您的网站上快速使用 HTML色彩 ,请查阅 “如何使用HTML色彩代码?” 。 如果您愿意学习 HTML色彩代码 中字符组合的真实意思,请查阅 “HTML色彩代码理论”部分。

网络安全色彩 指的是通用于任何操作系统中的颜色清单。如果您患有色盲症疾病,可以阅读 HTML色彩名称 来克服由看不清颜色所带来的困扰。

HTML色彩表格工具

利用这张动态HTML色彩表格工具您可以获取基本色彩的HTML代码。
点击任何一个颜色块来获取HTML色彩代码。 底下是一张最近所提取颜色的清单。若要保存HTML色彩以便下次访问,单击它的徽章。

HTML色彩提取利器

滚动垂直的滚动条来选择色彩,然后点击HTML色彩代码左边的颜色块来选择所要呈现的颜色。

您可以通过上边的输入区块来编写色彩代码,调配出您特有的颜色。

插入您的色彩代码:

色彩代码使用教程视频

如果您还不会在这个网站上使用色彩工具,那么可以看看本视频:

如何使用HTML色彩代码?

利用HTML色彩代码,您可以设置网站背景颜色、文本颜色、子表格颜色等等等等。

使用HTML色彩代码设置网站背景颜色:

<body style="background:#80BFFF">

使用HTML色彩代码设置字体/文本颜色:

<span style="color:#80BFFF">

使用HTML色彩代码设置表格背景颜色:

<table style="background:#80BFFF">

使用HTML色彩代码设置链接颜色:

<a style="color:#80BFFF">

HTML色彩代码理论

于是您一定在思索这样一个问题:“这种字幕与数字的奇怪组合有其独特的内涵吗?”。答案是:确实有!并且下面这些即为它的运作方式
HTML代码格式:
每一个HTML代码包含有“#”符号以及6个字幕和数字。这些数字都是十六进制的。比如“FF”在十六进制中代表十进制的数字255。
符号意义:
HTML色彩代码中前两个符号表示红色的浓度。00指的是颜色最淡而FF则指的是颜色最浓。第三个和第四个符号表示绿色的浓度,第五个和第六个符号表示蓝色的浓度。由此,将各种浓度的红、绿、蓝三种颜色进行组合,我们可以调配出任何所需色彩
示例:
#FF0000 - 利用这个HTML代码,我们让浏览器显示不掺杂任何绿色和蓝色成分的最鲜艳的红色。其结果当然就是纯红:     
#00FF00 - 这个HTML代码表示只有绿色且不掺杂任何红色和蓝色。其结果是:     
#0000FF - 这个HTML代码表示只有蓝色且不掺杂任何红色和绿色。其结果是:     
#FFFF00 - 红绿组合生成黄色:     
#CCEEFF - 一些红色、一点绿色以及最高浓度的蓝色,组合成天蓝色:     

从图片中取色

  1. 选择文件, 选择本地的照片
  2. 点击”加载显示图片”按钮, 加载图片
  3. 图片加载成功后,在图片中右键点取一个位置, 定位, 在右上小方框显示放大后9*9像素.
  4. 在右上的小方框再点右键点取一个放大后的位置, 右下就是相应颜色以及HTML颜色码.
Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag.
Color Code:

Reference

  1. HTML色彩代码
  2. 11个JavaScript颜色选择器插件
  3. W3Schools-Color-picker


◆ 本文地址: http://platinhom.github.io/2015/11/12/colorPicker/, 转载请注明 ◆

前一篇: AMBER:小分子处理
后一篇: AMBER:一般动力学流程简介


Contact: Hom / 已阅读()
Source 类别: IT  标签: HTML  CSS  JS