拾色器色表

合集下载

HTML拾色器和键盘快捷键

HTML拾⾊器和键盘快捷键 HTML 拾⾊器选取颜⾊:或输⼊颜⾊值: OKWrong Input或使⽤ HTML5:选择的颜⾊:⿊⾊⽂本阴影⽩⾊⽂本阴影RGB (Red, Green, Blue)Red Green Blue键盘键盘快捷键快捷键通过使⽤键盘快捷键可以节省时间。

Windows 和 Mac 的键盘快捷键在现代操作系统中和计算机软件程序中，键盘快捷键经常被使⽤。

使⽤键盘快捷键能帮您节省很多时间。

基本的快捷键描述Windows Mac OS编辑菜单Alt + E Ctrl + F2 + F⽂件菜单Alt + F Ctrl + F2 + E视图菜单Alt + V Ctrl + F2 + V全选⽂本Ctrl + A Cmd + A复制⽂本Ctrl + C Cmd + C查找⽂本Ctrl + F Cmd + F查找替换⽂本Ctrl + H Cmd + F新建⽂档Ctrl + N Cmd + N打开⽂件Ctrl + O Cmd + O打印选项Ctrl + P Cmd + P保存⽂件Ctrl + S Cmd + S粘贴⽂本Ctrl + V Cmd + V剪切⽂本Ctrl + X Cmd + X重做⽂本Ctrl + Y Shift + Cmd + Z撤销⽂本Ctrl + Z Cmd + Z⽂本编辑描述Windows Mac OS光标移动将⽂本插⼊光标向右移动或者移动到下⼀⾏⾏⾸Right Arrow Right Arrow将⽂本插⼊光标向左移动或者移动到上⼀⾏⾏尾Left Arrow Left Arrow将⽂本插⼊光标向上移动⼀⾏Up Arrow Up Arrow将⽂本插⼊光标向下移动⼀⾏Down Arrow Down Arrow将⽂本插⼊光标移动到当前⾏的⾏⾸Home Cmd + Left Arrow将⽂本插⼊光标移动到当前⾏的⾏尾End Cmd + Right Arrow将⽂本插⼊光标移动到⽂档的开头Ctrl + Home Cmd + Up Arrow将⽂本插⼊光标移动到⽂档的结尾Ctrl + End Cmd + Down Arrow将⽂本插⼊光标移动到上⼀个⽂本框Page Up Fn + Up Arrow将⽂本插⼊光标移动到下⼀个⽂本框Page Down Fn + Down Arrow将⽂本插⼊光标向左移动到前⼀个词的开头Ctrl + Left Arrow Option + Left Arrow将⽂本插⼊光标向右移动到后⼀个词的开头Ctrl + Right Arrow Option + Right Arrow将⽂本插⼊光标移动到⾏⾸Ctrl + Up Arrow Cmd + Left Arrow将⽂本插⼊光标移动到⾏尾Ctrl + Down Arrow Cmd + Right Arrow⽂本选择选择⽂本插⼊光标左边的字符Shift + Left Arrow Shift + Left Arrow选择⽂本插⼊光标右边的字符Shift + Right Arrow Shift + Right Arrow向上选择⼀⾏⽂本Shift + Up Arrow Shift + Up Arrow向下选择⼀⾏⽂本Shift + Down Arrow Shift + Down Arrow选择⽂本插⼊光标左边的字Shift + Ctrl + Left Shift + Opt + Left选择⽂本插⼊光标右边的字Shift + Ctrl + Right Shift + Opt + Right向左选择⼀段⽂本Shift + Ctrl + Up Shift + Opt + Up向右选择⼀段⽂本Shift + Ctrl + Down Shift + Opt + Down选择⽂本插⼊光标与当前⾏⾏⾸之间的⽂本Shift + Home Cmd + Shift + Left Arrow 选择⽂本插⼊光标与当前⾏⾏尾之间的⽂本Shift + End Cmd + Shift + Right Arrow选择⽂本插⼊光标与⽂档开头之间的⽂本Shift + Ctrl + Home Cmd + Shift + Up Arrow or Cmd + Shift + Fn + Left Arrow选择⽂本插⼊光标与⽂档结尾之间的⽂本Shift + Ctrl + End Cmd + Shift + Down Arrow or Cmd + Shift + Fn + Right Arrow向上选择⼀个⽂本框Shift + Page Up Shift + Fn + Up Arrow向下选择⼀个⽂本框Shift + Page Down Shift + Fn + Down Arrow 全选⽂本Ctrl + A Cmd + A查找⽂本Ctrl + F Cmd + F⽂本排版将所选⽂本设置为粗体Ctrl + B Cmd + B将所选⽂本设置为斜体Ctrl + I Cmd + I将所选⽂本加下划线Ctrl + U Cmd + U将所选⽂本设置为上标Ctrl + Shift + =Cmd + Shift + =将所选⽂本设置为上标Ctrl + Shift + =Cmd + Shift + =将所选⽂本设置为下标Ctrl + =Cmd + =⽂本编辑删除⽂本插⼊光标左边的字符Backspace Backspace删除⽂本插⼊光标右边的字符Delete Fn + Backspace删除⽂本插⼊光标右边的字Ctrl + Del Cmd + Backspace删除⽂本插⼊光标左边的字Ctrl + Backspace Cmd + Fn + Backspace增加缩进量Tab Tab减少缩进量Shift + Tab Shift + Tab复制⽂本Ctrl + C Cmd + C查找替换⽂本Ctrl + H Cmd + F粘贴⽂本Ctrl + V Cmd + V剪切⽂本Ctrl + X Cmd + X重做⽂本Ctrl + Y Shift + Cmd + Z撤销⽂本Ctrl + Z Cmd + ZWeb 浏览器描述Windows Mac OS Navigation向下滚动框Space or Page Down Space or Fn + Down Arrow向上滚动框Shift + Space or Page Up Shift + Space or Fn + Up Arrow 定位到页⾯底部End Cmd + Down Arrow定位到页⾯头部Home Cmd + Up Arrow回退Alt + Left Arrow or Backspace Cmd + Left Arrow前进Alt + Right Arrow or Shift +BackspaceCmd + Right Arrow刷新⽹页F5Cmd + R刷新⽹页（⽆缓存）Ctrl + F5Cmd + Shift + R 停⽌Esc Esc全屏切换F11Cmd + Shift + F 放⼤Ctrl + +Cmd + +缩⼩Ctrl + -Cmd + -重置 100% （默认）Ctrl + 0Cmd + 0打开主页Alt + Home Option + Home or Option + Fn + Left Arrow查找⽂本Ctrl + F Cmd + F标签/窗⼝管理打开⼀个新的标签页Ctrl + T Cmd + T关闭当前标签页Ctrl + W Cmd + W关闭所有标签页Ctrl + Shift + W Cmd + Q关闭除当前标签页以外的其它标签页Ctrl + Alt + F4Cmd + Opt + W定位到下⼀个标签页Ctrl + Tab Control + Tab or Cmd + Shift + Right Arrow定位到上⼀个标签页Ctrl + Shift + Tab Shift + Control + Tab or Cmd + Shift + Left Arrow定位到指定编号的标签页Ctrl + 1-8Cmd + 1-8定位到最后⼀个标签页Ctrl + 9Cmd + 9重新打开最后⼀个关闭的标签页Ctrl + Shift + T Cmd + Shift + T打开⼀个新窗⼝Ctrl + N Cmd + N关闭当前窗⼝Alt + F4Cmd + W定位到下⼀个窗⼝Alt + Tab Cmd + Tab定位到上⼀个窗⼝Alt + Shift + Tab Cmd + Shift + Tab 重新打开最后⼀个关闭的窗⼝Ctrl + Shift + N在背景的标签页中打开链接Ctrl + Click Cmd + Click在前景的标签页中打开链接Ctrl + Shift + Click Cmd + Shift + Click 打印当前⽹页Ctrl + P Cmd + P打印当前⽹页Ctrl + P Cmd + P保存当前⽹页Ctrl + S Cmd + S地址栏在⼯具栏、搜索栏和页⾯元素间进⾏循环定位Tab Tab定位到浏览器的地址栏Ctrl + L or Alt + D Cmd + L聚焦并选中浏览器的搜索栏Ctrl + E Cmd + E / Cmd + K在新的标签页打开地址栏位置Alt + Enter Opt + Enter显⽰⼀系列之前访问过的地址F4在地址栏输⼊⽂本的开头增加"www."，结尾增加".com"。

photoshop拾色器中H,S,B,R,G,L,a,b,C,M,Y,K代表什么

photoshop拾色器中H,S,B,R,G,L,a,b,C,M,Y,K代表什么photoshop拾色器H,S,B,R,G,B,L,a,b,C,M,Y,K分别代表什么意思H色相S饱和度B亮度.B不是亮度的绝对值而是相对值，即相对亮度，用百分比表示。

亮度有0%～100%变化:0%代表黑色；100%代表白色。

L表示亮度,取值范围是0～100a分量代表由绿色到红色的光谱变化。

a为正,表示的颜色为红色,a 为负，表示颜色为绿色。

取值范围可从+128到-128。

在Photoshop “颜色”调板中，取值范围可从+120到-120b分量代表由蓝色到黄色的光谱变化,b为正表示颜色为黄色,而b 为负表示颜色为蓝色。

取值范围可从+128到-128。

在Photoshop “颜色”调板中，取值范围可从+120到-120R红色G代表绿色B代表蓝色C代表青色，M代表洋红色Y代表黄色K代表黑色RGB模式RGB是色光的色彩模式。

R代表红色，G代表绿色，B代表蓝色，三种色彩叠加形成了其它的色彩。

颜色深度为8位,则R,G,B颜色的数值范围为0～255,即28=256。

RGB色空间的总色数为28×3=224因为三种颜色都有256个亮度水平级，所以三种色彩叠加就形成1670万种颜色了。

也就是真彩色，通过它们足以在现绚丽的世界。

在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。

所有显示器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。

就编辑图象而言，RGB色彩模式也是最佳的色彩模式，因为它可以提供全屏幕的24bit的色彩范围，即真彩色显示。

但是，如果将RGB模式用于打印就不是最佳的了，因为RGB模式所提供的有些色彩已经超出了打印的范围之外，因此在打印一幅真彩色的图象时，就必然会损失一部分亮度，并且比较鲜艳的色彩肯定会失真的。

这主要因为打印所用的是CMYK模式，而CMYK模式所定义的色彩要比RGB 模式定义的色彩少很多，因此打印时，系统自动将RGB模式转换为CMYK模式，这样就难免损失一部分颜色，出现打印后失真的现象。

hsb拾色器

八卦结束~干货来了~首先看一下HSB模式的界面。

每一个字母对应的，是颜色三属性的英文单词的首字母：也许有同学没有看过之前详细说明三属性的章节，没关系，下面打个更通俗的比方，回顾一下颜色三属性的概念。

假设光谱是玻璃缸里的一缸水。

如果水面平静，就是消色，黑白灰。

如果水面起了波浪，波峰的位置（特征波长），决定了颜色的色相。

由于补色的概念非常重要，同时又比较难理解，在这里就顺便再补充说明一下：如果两种颜色的波形加起来，正好把水面填平，就互为补色。

补色也称为对比色。

所以补色就是叠加起来会形成消色的一对颜色。

简单吧？楼主讲明白了吧？小得意~~进一步，水位线的高低，决定了明度。

最后水波浪的起伏程度，决定了饱和度。

水面波动越剧烈，饱和度越高。

完全没有波动，就是饱和度为0的消色。

HSB拾色器的实质，就是通过调整Hue、Saturation、Brightness这三个参数来选取颜色的拾色器。

具体操作界面：左边的矩形区域（色域），显示了在H参数固定为0度时，不同饱和度、明度的所有颜色。

可以用鼠标在该区域直接选取颜色。

中间的窄条区域，可以通过拖动小滑块，改变H的值。

H的单位是度，这个其实是从色相环的概念而来。

整个色相环转一圈，不就是360°吗？所以H的选择范围是从0度到360°，并且H=0°和H=360°色相是一样的。

也有其他的软件，采用在色相环里选择色相的界面，比如著名的开源图像软件GIMP，待会儿会讲到。

这是系统默认的界面，H前的点选框默认被选中。

意思是，H是主要要调整的参数，需要通过滑块来做精细调整。

如果点选了S前面的选框，色域和滑块区域界面会相应的发生改变。

滑块调整针对的就是饱和度S。

由于S是一个相对的概念，所以变化范围是0%~100%。

以下图为例，拖动滑块到94%，左边的色域，显示的就是S为94%时的所有颜色。

依次按照色相（横坐标）和明度（纵坐标）排列。

同理，如果点选了B前面的选框，滑块调整针对的就是明度B。

ps拾色器的原理

PS拾色器的原理Photoshop拾色器一、Photoshop拾色器中H ,S ,B ,R ,G ,L, a ,b ,C ,M ,y ,k 分别代表什么意思？H 色相S 饱和度B 亮度B不是亮度的绝对值，而是相对值，及绝对亮度，用百分比表示。

亮度有0%~100%变化；0%代表黑色，1000%代表白色。

L 表示亮度，取值范围是0~100a 分量代表由绿色到红色的光谱变化。

a为正，表示的颜色为红色；a为负，表示颜色为绿色。

取值范围可从+128~-128.在Photoshop“颜色”调板中，取值范围可从+120~-120.R 代表红色G 代表绿色B 代表蓝色C 代表青色M 代表洋红色y 代表黄色k 代表黑色二、RGB模式RGB是色光的色彩模式。

R代表红色，G代表绿色，B代表蓝色，三种色彩叠加形成了其他色彩。

颜色的数值范围为0~225，即2^8=256.RGB色空间的总色数为28*3=224.因为三种颜色都有256个亮度水平级，所以三种颜色叠加就形成了1670万种颜色了，也就是真色彩，通过它们足以再现绚丽的世界。

在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。

所有显色器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。

就编辑图像而言，RGB色彩模式也是最佳的色彩模式，因为它可以提供全屏幕的24bit 的色彩范围，即真彩色显示。

但是将RGB模式用于打印就不是最佳的了，因为RGB模式所提供的有些色彩已经超出了打印的范围，因此在打印一幅真色彩的图像时，就必然会损失一部分亮度，并且比较鲜艳的色彩肯定会失真的。

着主要因为打印所用的是CMyk模式，而CMyk模式所定义的色彩要比RGB模式定义的色彩少很多，因此在打印时，系统自动将RGB 模式转换成CMyk模式，这样就难免损失一部分颜色，出现打印后的失真现象。

三、CMyk模式CMyk模式是一种印刷或打印模式，该模式产生颜色的方法被称为色料减色法。

Pantone 色票Coated色彩配色专题

Pantone 色票Coated色彩配色专题Pantone 色票Coated & Uncoated.Adobe 拾色器支持各种颜色系统：ANPA-COLOR通常应用于报纸。

ANPA-COLOR ROP Newspaper Color Ink Book 包含 ANPA 颜色样本。

DIC 颜色参考通常在日本用于印刷项目。

有关更多信息，请与日本东京的 Dainippon Ink & Chemicals, Inc. 联系。

FOCOLTONE由 763 种 CMYK 颜色组成。

通过显示补偿颜色的压印，FOCOLTONE 颜色有助于避免印前陷印和对齐问题。

FOCOLTONE 中有包含印刷色和专色规范的色板库、压印图表以及用于标记版面的雕版库。

有关更多信息，请与英国 Stafford 的 Focoltone International, Ltd. 联系。

HKS 色板在欧洲用于印刷项目。

每种颜色都有指定的 CMYK 颜色。

可以从 HKS E（适用于连续静物）、HKS K（适用于光面艺术纸）、HKS N（适用于天然纸）和 HKS Z（适用于新闻纸）中选择。

有不同缩放比例的颜色样本。

HKS Process 色标簿和色板已经添加到颜色系统菜单中了。

PANTONE®颜色是专色重现的全球标准。

2000 年，PANTONE MATCHING SYSTEM® 颜色指南进行了一次重大修订。

该系统中已经添加了 147 种新纯色和 7 种附加金属色，现在总共包括 1,114 种颜色。

现在，PANTONE® 颜色指南和芯片色标簿会印在涂层、无涂层和哑面纸样上，以确保精确显示印刷结果并更好地进行印刷控制。

可在 CMYK 下印刷PANTONE® 纯色。

要对PANTONE® 纯色和与它最匹配的印刷色进行比较，请用PANTONE® 纯色来处理指南。

CMYK 屏幕色调百分比印刷在每种颜色下方。

RGB值表

RGB 颜色称为加成色，因为您通过将 R、G 和 B 添加在一起（即所有光线反射回眼睛）可产生白色。加成色用于照明光、电视和计算机显示器。例如，显示器通过红色、绿色和蓝色荧光粉发射光线产生颜色。绝大多数可视光谱都可表示为红、绿、蓝 (RGB) 三色光在不同比例和强度上的混合。这些颜色若发生重叠，则产生青、洋红和黄。
PS中拾色器-RGB(加色)与CMY(减色)是互补色,
RGB以黑色为底色加，即RGB均为0是黑色，均为255是白色
CMY以白色为底色减，即CMY均为0是白色，均为100%是黑色（但在实际中，由于油墨的纯度等问题这样得不到纯正的黑色，因此引入K）
在PS中，在准备用印刷颜色打印图像时，应使用CMYK模式。如果由RGB图像开始，最好先编辑，然后再转换为CMYK模式。如以RGB模式输出图片直接打印，印刷品实际颜色将与RGB预览颜色有较大差异。
有色光可被无色光冲淡并变亮。如蓝色光与白光相遇，结果是产生更加明亮的浅蓝色光。知道它的混合原理后，在软件中设定颜色就容易理解了。
红、绿、蓝三盏灯的叠加情况，中心三色最亮的叠加区为白色，加法混合的特点：越叠加越明亮。
红、绿、蓝三个颜色通道每种色各分为255阶亮度，在0时“灯”最弱——是关掉的，而在255时“灯”最亮。当三色数值相同时为无色彩的灰度色，而三色都为255时为最亮的白色，都为0时为黑色。
RGB值表.txt9母爱是一滴甘露，亲吻干涸的泥土，它用细雨的温情，用钻石的坚毅，期待着闪着碎光的泥土的肥沃；母爱不是人生中的一个凝固点，而是一条流动的河，这条河造就了我们生命中美丽的情感之景。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和（两盏灯的亮度嘛！），越混合亮度越高，即加法混合。

中国传统颜色16进制代码对照表-HTML

.•蔚蓝#70f3ff •蓝#44cef6 •碧蓝#3eede7 •石青#1685a9 •靛青#177cb0 •靛蓝#065279 •花青#003472 •宝蓝#4b5cc4 •蓝灰色#a1afc9 •藏青#2e4e7e •藏蓝#3b2e7e •黛#4a4266 •黛绿#426666 •黛蓝#425066 •黛紫#574266 •紫色#8d4bbb •紫酱#815463 •酱紫#815476 •紫檀#4c221b •绀青#003371 •紫棠#56004f •青莲#801dae •群青#4c8dae •雪青#b0a4e3 •丁香色#cca4e3 •藕色#edd1d8 •藕荷色#e4c6d0•朱砂#ff461f •火红#ff2d51 •朱膘#f36838 •妃色#ed5736 •洋红#ff4777 •品红#f00056 •粉红#ffb3a7 •桃红#f47983 •海棠红#db5a6b •樱桃色#c93756 •酡颜#f9906f •银红#f05654 •大红#ff2121 •石榴红#f20c00 •绛紫#8c4356 •绯红#c83c23 •胭脂#9d2933 •朱红#ff4c00 •丹#ff4e20•彤#f35336 •酡红#dc3023 •炎#ff3300•茜色#cb3a56 •绾#a98175 •檀#b36d61 •嫣红#ef7a82 •洋红#ff0097 •枣红#c32136 •殷红#be002f •赫赤#c91f37 •银朱#bf242a •赤#c3272b •胭脂#9d2933 •栗色#60281e •玄色#622a1d•松花色#bce672 •柳黄#c9dd22 •嫩绿#bddd22 •柳绿#afdd22 •葱黄#a3d900 •葱绿#9ed900 •豆绿#9ed048 •豆青#96ce54.•油绿#00bc12 •葱倩#0eb83a •葱青#0eb83a •青葱#0aa344 •石绿#16a951 •松柏绿#21a675 •松花绿#057748 •绿沈#0c8918 •绿色#00e500 •草绿#40de5a •青翠#00e079 •青色#00e09e •翡翠色#3de1ad •碧绿#2add9c •玉色#2edfa3 •缥#7fecad•艾绿#a4e2c6 •石青#7bcfa6 •碧色#1bd1a5 •青碧#48c0a3 •铜绿#549688 •竹青#789262 •墨灰#758a99 •墨色#50616d •鸦青#424c50 •黯#41555d•樱草色#eaff56 •鹅黄#fff143 •鸭黄#faff72 •杏黄#ffa631 •橙黄#ffa400 •橙色#fa8c35 •杏红#ff8c31 •橘黄#ff8936 •橘红#ff7500 •藤黄#ffb61e •姜黄#ffc773 •雌黄#ffc64b •赤金#f2be45 •缃色#f0c239 •雄黄#e9bb1d •秋香色#d9b611 •金色#eacd76 •牙色#eedeb0 •枯黄#d3b17d •黄栌#e29c45 •乌金#a78e44 •昏黄#c89b40 •棕黄#ae7000 •琥珀#ca6924 •棕色#b25d25 •茶色#b35c44 •棕红#9b4400 •赭#9c5333 •驼色#a88462 •秋色#896c39 •棕绿#827100 •褐色#6e511e •棕黑#7c4b00 •赭色#955539 •赭石#845a33•精白#ffffff•银白#e9e7ef •铅白#f0f0f4 •霜色#e9f1f6 •雪白#f0fcff •莹白#e3f9fd •月白#d6ecf0 •象牙白#fffbf0 •缟#f2ecde.•鱼肚白#fcefe8•白粉#fff2df•荼白#f3f9f1•鸭卵青#e0eee8•素#e0f0e9•青白#c0ebd7•蟹壳青#bbcdc5•花白#c2ccd0•老银#bacac6•灰色#808080•苍色#75878a•水色#88ada6•黝#6b6882•乌色#725e82•玄青#3d3b4f•乌黑#392f41•黎#75664d•黧#5d513c•黝黑#665757•缁色#493131•煤黑#312520•漆黑#161823•黑色#000000查看【日本传统色彩】√ 已复制社交帐号登录:•微信•微博•QQ•人人•更多»•豆瓣•开心•百度•谷歌11890184713577577d211ba6572说点什么吧…发布最新最早最热•7条评论•领路广告设计2大爱啊6月16日回复顶转发•陈鸿圭#bce6725月5日回复顶转发•这样不好真的(⊙o⊙)！不错不错。

标准24色卡对照表

标准24色卡对照表
24色标准色卡名称分别是翠绿、浅绿、紫红、深红、大红、朱红、橘黄、橘红、中黄、淡黄、柠檬黄、钛白、酞青绿、钴蓝、湖蓝、群青、天蓝、酞青蓝、淡紫、紫色、佩恩灰、永固红、赭石、黑色。

9个色调是以24色相为主体，分别以清色系、暗色系、纯色系、浊色系色彩命名。

单色和混合色：
大多数光源的光谱不是单色的，它们的光是由不同强度和波长的光混合组成的。

人眼将许多这样的混合光的颜色与单色光源的光的颜色看成是同样。

比如上面表格中的橙色，实际上就不是单色的600纳米的光，实际上它是由红色和绿色的光混合组成的（显示器无法产生单色的橙色）。

出于眼睛的生理原理，我们无法区分这两种光的颜色。

颜色表大全及配色方案

颜色表大全温馨提示：快速查找颜色请按Ctrl+F鸨色#f7acbc 赤白橡#deab8a油色#817936绀桔梗#444693踯躅色#ef5b9c肌色#fedcbd伽罗色#7f7522花色#2b4490桜色#feeeed橙色#f47920青丹#80752c瑠璃色#2a5caa蔷薇色#f05b72灰茶#905a3d莺色#87843b琉璃绀#224b8韩红#f15b6c茶色#8f4b2e利久色#726930珊瑚色#f8aba6 桦茶色#87481f媚茶#454926红梅色#f69c9f枯茶#5f3c23杜若色#426ab3桃色#f58f98焦茶#6b473c青钝#4d4f36胜色#46485薄柿#ca8687 柑子色#faa755抹茶色#b7ba6b群青色#4e72b8薄红梅#f391a9杏色#fab27b黄緑#b2d235曙色#bd6758 蜜柑色#f58220苔色#5c7a29红色#d71345褐色#843900若草色#bed742赤丹#d64f44 路考茶#905d1d若緑#7fb80e红赤#d93a49饴色#8a5d19萌黄#a3cf62藤纳戸#6a6da9臙脂色#b3424a 丁子色#8c531b苗色#769149桔梗色#585eaa真赭#c76968 丁子茶#826858草色#6d8346绀蓝#494e8今様色#bb505d黄栌#64492b柳色#78a355藤色#afb4db梅染#987165 土器色#ae6642若草色#abc88b藤紫#9b95c9退红色黄枯茶松叶色青紫#ac6767 #56452d #74905d #6950a1苏芳#973c3f狐色#96582a白緑#cde6c7菫色#6f60aa茜色#b22c46黄橡#705628薄緑#1d953f鸠羽色#867892红#a7324a 千草色#77ac98薄色#918597银朱#aa363d青緑#007d65薄鼠#6f6d85赤#ed1941 胡桃色#845538浅緑#84bf96鸠羽鼠#594c6d朱色#f26522香色#8e7437緑#45b97c菖蒲色#694d9洗朱#d2553d 国防色#69541b草色#225a1f江戸紫#6f599c红桦色#b4534b练色#d5c59f木贼色#367459紫#8552a1红绯#ef4136肉色#cd9a5b常盘色#007947灭紫#543044桦色#c63c26人色#cd9a5b緑青色#40835e葡萄鼠#63434铅丹色#f3715c土色#b36d41千歳緑#2b6447古代紫#7d5886赭#a7573b 小麦色#df9464绯色#aa2116 琥珀色#b76f40萌葱色#006c54丹#b64533 木兰色#ad8b3d青白橡#375830土#b54334 栀子色#dea32c革色#274d3d焦香#853f04朽叶#d1923f麹尘#375830萱草色#c88400黄金#c37e00若竹色#65c294菖蒲色#c77eb5红海老茶金色青磁色牡丹色#a03939 #c37e00 #73b9a2 #ea66a6浅苏芳#8a2e3b金茶#e0861a青竹色#72baa7赤紫#f173ac鸢色#8e453f卵色#ffce7b白#fffffb小豆色#8f4b4a 山吹色#fcaf17胡粉色#fffef9弁柄色#892f1b 黄土色#ba8448生成色#f6f5ec栗梅#6b2c25 朽叶色#896a45青緑#00ae9d灰白#d9d6c3海老茶#733a31 空五倍子色#76624c锖浅葱#508a88石竹色#d1c7b7莺茶#6d5826水浅葱#70a19f象牙色#f2eada赤铜色#78331e 向日葵色#ffc20e新桥色#50b7c1乳白色#d3d7d4郁金色#fdb933浅葱色#00a6ac薄钝#999d9金赤#f15a22砂色#d3c6a6白群#78cdd1银鼠#a1a3a6赤茶#b4533c 芥子色#c7a252御纳戸色#008792茶鼠#9d9087赤锖色#84331f淡黄#dec674瓮覗#94d6da鼠色#8a8c8e黄丹#f47a55 亜麻色#b69968水色#afdfe4薄墨色#74787赤橙#f15a22枯色#c1a173蓝鼠#5e7c85利休鼠#7c8577柿色#f3704b 鸟子色#dbce8f秘色#76becc铅色#72777b肉桂色#da765b黄色#ffd400空色#90d7ec灰色#77787b桦色#c85d44 蒲公英色#ffd400青#009ad6钝色#4f5555炼瓦色#ae5039中黄#ffe600蓝色#145b7d煤竹色#6c4c49锖色刈安色黒茶#6a3427 #f0dc70 #563624桧皮色#8f4b38 黄檗色#fcf16e勿忘草色#7bbfea黒橡#3e4145栗色#8e3e1f 緑黄色#decb00露草色#33a3dc黄赤#f36c21鶸色#cbc547缥色#228fbd墨#464547代赭#b4532a 海松色#6e6b41浅缥#2468a2骆驼色#b7704f鶸茶#596032薄缥#2570a1黄茶#de773f 山鸠色#525f42薄花色#2585a6洗柿#c99979 生壁色#5f5d46平面设计颜色搭配表最佳颜色搭配一、色彩处理色彩是人的视觉最敏感的东西。

js实现拾色器插件（ColorPicker）

js实现拾⾊器插件（ColorPicker）对⼀个前端来说，颜⾊选择的插件肯定不陌⽣，许多⼩伙伴对这类插件的实现可能会⽐较好奇，这⾥奉上原⽣js版本的拾⾊器。

效果图：讲下实现⽅式：1.颜⾊除了RGB跟⼗六进制的表现外，还有⼀个HSV的表现形式。

H（hue）是⾊相，值域是0度到360度，这个值控制的是你看到的是什么颜⾊，通俗点讲就是红橙黄绿...；S（saturation）是饱和度，值域是0到1，这个值控制颜⾊的鲜艳程度，可以理解为⼤红跟淡红的差别；V（value）可以理解为亮度，值域也是0到1。

2.rgb颜⾊跟hsv颜⾊的相互转化有专门的公式，可⾃⾏去百度了解下3.⾯向对象的编程⽅式公认为易扩展，⾼复⽤。

整个⽬录结构如下：COLORPICKER--css--common.css（样式）--js--colorPicker.js（插件主体）--event.js（简易的发布者-订阅者实现）--inherite.js（继承⼿段，寄⽣组合式）ColorPicker.html使⽤说明：插件⽬前只⽀持传⼊h、s、v值来初始化颜⾊，若什么都不传，默认h、s、v都为0，实例化ColorPicker构造函数后，通过select⽅法初始化；⽬前只暴露了两个回调接⼝onHChange（⾊相改变触发）、onSVChange（饱和度或亮度改变触发）：var aa = new ColorPicker();aa.select(// {// h: 120,// s: 1,// b: 1// });aa.onHChange = function(e) {};aa.onSVChange = function(e) {};代码如下：ColorPicker.html：<!DOCTYPE html> <html class="no-js"> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Color Picker</title><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="./css/common.css" rel="external nofollow" ></head><body></body><script type="text/javascript" src="js/event.js"></script><script type="text/javascript" src="js/inherite.js"></script><script type="text/javascript" src="js/colorPicker.js"></script></html>common.css：body {height: calc(100vh);overflow: hidden;background: gray;}.color-picker-container {border: 0;width: 300px;margin: 0 auto;}.color-picker-container .val-container {border: 1px solid silver;text-align: center;line-height: 30px;font-weight: bold;}.color-picker-container .val-container .val {width: 100%;border: 0;line-height: 32px;text-align: center;font-weight: bold;}.color-picker-container .picker-container {position: relative;width: 100%;margin-top: 15px;}.color-picker-container .picker-container .pointer {position: absolute;width: 14px;height: 14px;border-radius: 50%;border: 3px solid #FFFFFF;margin-left: -9px;margin-top: -9px;top: 255px;left: 0;cursor: pointer;}.color-picker-container .picker-container .saturation-range {float: left;width: 255px;height: 255px;/* background-color: rgba(0, 0, 0, .2); */box-shadow: 1px 1px 5px rgba(0, 0, 0, .6);}.color-picker-container .picker-container .saturation-range .cover {width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgb(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); background: linear-gradient(top, rgb(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);}.color-picker-container .picker-container .hue-range {float: right;width: 30px;height: 255px;box-shadow: 1px 1px 5px rgba(0, 0, 0, .6);background: -webkit-linear-gradient(top,rgb(255, 0, 0) 0%,rgb(255, 0, 255) 17%,rgb(0, 0, 255) 34%,rgb(0, 255, 255) 50%,rgb(0, 255, 0) 67%,rgb(255, 255, 0) 84%,rgb(255, 0, 0) 100%);background: linear-gradient(top,rgb(255, 0, 0) 0%,rgb(255, 0, 255) 17%,rgb(0, 0, 255) 34%,rgb(0, 255, 255) 50%,rgb(0, 255, 0) 67%,rgb(255, 255, 0) 84%,rgb(255, 0, 0) 100%);}.color-picker-container .picker-container .hue-range .cursor {position: relative;width: 44px;margin-top: -11px;top: 255px;cursor: n-resize;}.color-picker-container .picker-container .hue-range .cursor::before {content: '';display: inline-block;width: 0;height: 0;border-style: solid;border-top-width: 5px;border-right-width: 0;border-bottom-width: 5px;border-left-width: 7px;border-top-color: transparent;border-bottom-color: transparent;border-left-color: rgba(0, 0, 0, .5);margin-left: -8px;}.color-picker-container .picker-container .hue-range .cursor::after {content: '';display: inline-block;width: 0;height: 0;border-style: solid;border-top-width: 5px;border-right-width: 7px;border-bottom-width: 5px;border-left-width: 0;border-top-color: transparent;border-bottom-color: transparent;border-right-color: rgba(0, 0, 0, .5);margin-left: 33px;}.color-picker-container .picker-container::after {content: '';display: block;clear: both;line-height: 0;visibility: hidden;}event.js：function Event() {this.bindEvent = [];}Event.prototype.addEvent = function(name, callback) {if(typeof callback !== 'function') return;var bExistEvent = false;var untieEvent = function() {if(window.removeEventListener) {this.element.removeEventListener(name, callback);} else if(window.detachEvent) {this.element.detachEvent('on' + name, callback);} else {this.element['on' + name] = null;}};for(var i = 0, len = this.bindEvent.length; i < len; i++) {if(this.bindEvent[i].name == name) {this.removeEvent(name);this.bindEvent[i].untie = untieEvent;this.bindEvent[i].event = callback;break;}}if(window.addEventListener) {this.element.addEventListener(name, callback);} else if(window.attachEvent) {this.element.attachEvent('on' + name, callback);} else {this.element['on' + name] = callback;}if(!bExistEvent) {this.bindEvent.push({name: name,event: callback,untie: function() {if(window.removeEventListener) {this.element.removeEventListener(name, callback);} else if(window.detachEvent) {this.element.detachEvent('on' + name, callback);} else {this.element['on' + name] = null;}}});}}Event.prototype.removeEvent = function(name) {if(typeof name === 'undefined' || name === '') return;// 从已绑定事件列表中剔除for(var i = 0, len = this.bindEvent.length; i < len; i++) {if(this.bindEvent[i].name == name) {this.bindEvent[i].untie.call(this); // 移除绑定事件this.bindEvent.splice(i, 1); // 从事件列表删除break;}}}Event.prototype.triggerEvent = function(name) {var callback = null;for(var i = 0, len = this.bindEvent.length; i < len; i++) {if(this.bindEvent[i].name === name) {callback = this.bindEvent[i].event;}}if(typeof callback === 'function') {callback.apply(this, [].slice.call(arguments).slice(1));}}inherite.js：function inheritObj(o) {function F() {};F.prototype = o;return new F();}function inheritProto(subclass, supclass) {subclass.prototype = inheritObj(supclass.prototype);subclass.prototype.constructor = subclass;}function extend(p, o) {for(var item in o) {if(!p.hasOwnProperty(item)) {p[item] = o[item];}}}function Container(className) {this.element = null;this.className = className || '';this.parent = null;this.children = [];this.init();}Container.prototype.init = function() {this.element = document.createElement(this.tagname || 'div');this.className && (this.element.className = this.className); }Container.prototype.getElement = function() {return this.element;}Container.prototype.add = function(item) {item.parent = this;this.children.push(item);this.element.appendChild(item.getElement());return this;}function Item(className, tagname) {this.tagname = tagname || 'div';Container.call(this, className);delete this.children;}inheritProto(Item, Container);Item.prototype.add = function() {throw new Error('[[Type Item]] can not add any other item');}colorPicker.js：(function() {this.ColorPicker = function() {Container.call(this);this.hsv = [0, 0, 0];this.rgb = [0, 0, 0];this.svFieldHsv = [0, 1, 1];this.svFieldRgb = [0, 0, 0];}inheritProto(ColorPicker, Container);ColorPicker.prototype.init = function() {this.element = document.createElement('div');this.element.className = 'color-picker-container';var _container = createContainer(),_self = this;Event.call(_container);extend(_container, Event.prototype);createVal.call(this);createSV.call(_container);_container.addEvent('sv-change', function(e) {// 暴露出饱和度change接⼝_self.onSVChange(e);});_container.addEvent('h-change', function(e) {// 暴露出⾊相change接⼝_self.onHChange(e);});this.add(_container);}ColorPicker.prototype.select = function(opt) {if(opt && typeof opt !== 'undefined') {this.hsv[0] = opt.h || 0;this.hsv[1] = opt.s || 0;this.hsv[2] = opt.b || 0;this.svFieldHsv[0] = opt.hue || 0;}if(this.children[0].children[0].getElement().value !== '') {var val = this.children[0].children[0].getElement().value,regRgb = /rgb$\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*$/,r = val.replace(regRgb, '$1'),g = val.replace(regRgb, '$2'),b = val.replace(regRgb, '$3');this.hsv = rgb2hsv(r, g, b);this.svFieldHsv[0] = this.hsv[0];}this.svFieldRgb = hsv2rgb(this.svFieldHsv[0], this.svFieldHsv[1], this.svFieldHsv[2]);this.updateSVField();this.rgb = hsv2rgb(this.hsv[0], this.hsv[1], this.hsv[2]);this.updateSVPointer();this.updateVal(opt);this.children[1].children[0].getElement().style.cssText += ';left: ' + this.hsv[1] * 255 + 'px;top: ' + (255 - this.hsv[2] * 255) + 'px;';this.children[1].children[2].children[0].getElement().style.cssText += ';top: ' + (255 - this.hsv[0]) + 'px;';document.body.appendChild(this.element);return this;}ColorPicker.prototype.updateSVField = function() {this.children[1].children[1].getElement().style.cssText = ';background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(' + ~~this.svFieldRgb[0] + ', ' + ~~this.svFieldRgb[1] + ', ' + ~~this.svFieldRgb[2] + ') 100%)';}ColorPicker.prototype.updateSVPointer = function() {this.children[1].children[0].getElement().style.cssText += ';background-color: rgb(' + ~~this.rgb[0] + ', ' + ~~this.rgb[1] + ', ' + ~~this.rgb[2] + ')';}ColorPicker.prototype.updateVal = function() {var _hsv_temp = [0, 0, 0];if(this.hsv[1] < 0.5 && this.hsv[2] > 0.5) {_hsv_temp = [this.hsv[0], 1, 0];} else {_hsv_temp = [this.hsv[0], 0, 1];}var _rgb_temp = hsv2rgb(_hsv_temp[0], _hsv_temp[1], _hsv_temp[2]);this.children[0].children[0].getElement().style.cssText += ';text-shadow: 0 0 5px;color: rgb(' + ~~_rgb_temp[0] + ', ' + ~~_rgb_temp[1] + ', ' + ~~_rgb_temp[2] + ');background-color: rgb(' + ~~this.rgb[0] + ', ' + ~~this.rgb[1] + ', ' + ~~this.rgb[2] + ')'; this.children[1].children[0].getElement().style.cssText += ';border-color: rgb(' + ~~_rgb_temp[0] + ', ' + ~~_rgb_temp[1] + ', ' + ~~_rgb_temp[2] + ')';this.children[0].children[0].getElement().value = 'rgb(' + ~~this.rgb[0] + ', ' + ~~this.rgb[1] + ', ' + ~~this.rgb[2] + ')';}ColorPicker.prototype.onSVChange = function(callVal) {arguments.callee.call(this, callVal);return this;}ColorPicker.prototype.onHChange = function(callVal) {arguments.callee.call(this, callVal);return this;}function createVal() {var _container = new Container('val-container'),_input = new Item('val', 'input');Event.call(_input);extend(_input, Event.prototype);_input.addEvent('blur', this.select.bind(this));_container.add(_input);this.add(_container);}function createContainer() {var _container = new Container('picker-container');return _container;}function createSV() {var _pointer = new Item('pointer'),_saturationRange = new Container('saturation-range'),_cover = new Item('cover'),_self = this;Event.call(_pointer);extend(_pointer, Event.prototype);_saturationRange.add(_cover);function cursorDown(e) {var _top = typeof e.target.style.top === 'undefined' ? 255 : parseFloat(e.target.style.top),_left = typeof e.target.style.left === 'undefined' ? 0 : parseFloat(e.target.style.left),_distanceY, _distanceX, realTop, realLeft;function move(e2) {_distanceY = e2.clientY - e.clientY;_distanceX = e2.clientX - e.clientX;realTop = _top + _distanceY;realLeft = _left + _distanceX;realTop < 0 && (realTop = 0);realTop > 255 && (realTop = 255);realLeft < 0 && (realLeft = 0);realLeft > 255 && (realLeft = 255);e.target.style.top = realTop + 'px';e.target.style.left = realLeft + 'px';_self.parent.hsv[1] = realLeft / 255;_self.parent.hsv[2] = (255 - realTop) / 255;_self.parent.rgb = hsv2rgb(_self.parent.hsv[0], _self.parent.hsv[1], _self.parent.hsv[2]);_self.parent.updateSVPointer();_self.parent.updateVal();}function up() {document.removeEventListener('mousemove', move);document.removeEventListener('mouseup', up);_self.triggerEvent('sv-change', [realLeft / 255, (255 - realTop) / 255]);}document.addEventListener('mousemove', move);document.addEventListener('mouseup', up);}_pointer.addEvent('mousedown', cursorDown);this.add(_pointer).add(_saturationRange);}function createH() {var _hueRange = new Container('hue-range'),_cursor = new Item('cursor'),_self = this;Event.call(_cursor);extend(_cursor, Event.prototype);function cursorDown(e) {var _top = typeof e.target.style.top === 'undefined' ? 255 : parseFloat(e.target.style.top),_distance, realTop;function move(e2) {_distance = e2.clientY - e.clientY;realTop = _top + _distance;realTop < 0 && (realTop = 0);realTop > 255 && (realTop = 255);e.target.style.top = realTop + 'px';_self.parent.svFieldHsv[0] = 255 - realTop;_self.parent.svFieldRgb = hsv2rgb(_self.parent.svFieldHsv[0], _self.parent.svFieldHsv[1], _self.parent.svFieldHsv[2]); _self.parent.updateSVField();_self.parent.hsv[0] = 255 - realTop;_self.parent.rgb = hsv2rgb(_self.parent.hsv[0], _self.parent.hsv[1], _self.parent.hsv[2]);_self.parent.updateSVPointer();_self.parent.updateVal();}function up() {document.removeEventListener('mousemove', move);document.removeEventListener('mouseup', up);_self.triggerEvent('h-change', 255 - realTop);}document.addEventListener('mousemove', move);document.addEventListener('mouseup', up);}_cursor.addEvent('mousedown', cursorDown);_hueRange.add(_cursor);this.add(_hueRange);}function hsv2rgb(h, s, v) {h = h / 255 * 360;var hi = Math.floor(h / 60) % 6,f = h / 60 - Math.floor(h / 60),p = v * (1 - s),q = v * (1 - f * s),t = v * (1 - (1 - f) * s),c = [[v, t, p],[q, v, p],[p, v, t],[p, q, v],[t, p, v],[v, p, q]][hi];return [c[0] * 255, c[1] * 255, c[2] * 255];}function rgb2hsv(r, g, b) {var max = Math.max(r, g, b),min = Math.min(r, g, b),h, s, v,d = max - min;if (max == min) {h = 0;} else if (max == r) {h = 60 * ((g - b) / d);} else if (max == g) {h = 60 * ((b - r) / d) + 120;} else {h = 60 * ((r - g) / d) + 240;}s = max == 0 ? 0 : (1 - min / max);v = max;if(h < 0) {h += 360;}return [h * 255 / 360, s, v / 255];}})()var aa = new ColorPicker();aa.select(// {// h: 120,// s: 1,// b: 1// });aa.onHChange = function(e) {};aa.onSVChange = function(e) {};以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

AndroidStudio设置颜色拾色器工具ColorPicker教程

AndroidStudio设置颜⾊拾⾊器⼯具ColorPicker教程你可能下载过⼀些获取颜⾊值的⼀些⼩⼯具，这种⽅式获取颜⾊，需要先切换窗⼝转跳到桌⾯，然后打开拾⾊器⼩⼯具程序，然后去拾取颜⾊；你可能也知道Android Studio⾃带⼀个颜⾊拾⾊器，通过下⾯这种⽅式才能找到这种⽅式获取颜⾊值限制性很强，需要特定的窗⼝，需要点击那么⼀⼩块颜⾊才能弹出窗⼝，才能使⽤那有没有更好的⽅式？答案是肯定的，不然这些个⼲嘛~~不⽤向上⾯那样去打开拾⾊器⼩⼯具程序，不⽤在特定的窗⼝点击特定的位置弹出拾⾊器⼯具，是⽤我们最喜欢的快捷键的⽅式打开Android Studio⾃带了颜⾊拾⾊器⼯具，但是它没有设置快捷键，也没有告诉我们，这才是问题，不罗嗦了，跟着下⾯的设置去设置快捷键吧下⾯就能愉快的玩耍了，Alt+C~~补充知识：Android ⾃定义⼀个简版的取⾊器ColorPicker最近在⼀个项⽬中要⽤到修改颜⾊功能，于是搜索了⼀波android⾃定义取⾊器，虽然搜索结果很多，但是都不是令⼈⼗分满意（可能是⽤久了AndroidStudio⾃带取⾊器的原因，真的是太好⽤了有没有？）。

既然这么喜欢AS的调⾊板，何不⾃⼰撸⼀个？⼼动不如⾏动，马上动⼿！常规操作，先上效果图，简版取⾊器效果如下：项⽬地址：布局单位使⽤的是dp，没有做其他过多适配操作，程序的源码很简单，可以直接clone下来修改成⾃⼰想要的效果或者做其他定制操作，直接使⽤的话，集成参考如下：Step 1. Add the JitPack repository to your build file//在根 build.gradle 中添加allprojects {repositories {}}Step 2. Add the dependency//在模块 build.gradle 中添加dependencies {//v1.0.3是版本号，博客不会经常更新，最新版本见githubimplementation 'com.github.shixiuwen:colorpicker:v1.0.3'}调⽤⽰例：// .xml⽂件中<com.shixia.colorpickerview.ColorPickerViewandroid:id="@+id/cpv_color"android:layout_width="match_parent"android:layout_height="wrap_content" />// Activity中final TextView tvTest = findViewById(_test);ColorPickerView colorPicker = findViewById(R.id.cpv_color_picker);//对控件进⾏回调监听，获取颜⾊值colorcolorPicker.setOnColorChangeListener(new OnColorChangeListener() {@Overridepublic void colorChanged(int color) {tvTest.setBackgroundColor(color);}});该控件的颜⾊变化过程是通过观察AndroidStudio取⾊板颜⾊变化规律⽽得到的，因为项⽬没有其他要求，所以⽬前没有提供其他公开⽅法可以供外部调⽤，有这⽅⾯需求的可以⾃⼰把库下载下来⾃动修改，有修改困难的可以邮件联系。

色卡号码对照表

RAL色卡色号颜色对照表数字 "1" 开头的1035 Pearl beige 米珍珠色3011 Brown red 红玄武土色5004 Black blue 蓝黑色1000 Green beige 米绿色1036 Pearl gold 金黄珍珠3012 Beige red 米红色5005 Signal blue 信号蓝1001 Beige 米色，淡黄或灰黄1037 Sun yellow 日光黄3013 Tomato red 番茄红5007 Brillant blue 亮蓝色1002 Sand yellow 沙黄色3014 Antique pink 古粉红色5008 Grey blue 灰蓝色1003 Signal yellow 信号黄数字 "2" 开头的3015 Light pink 淡粉红色5009 Azure blue 天青蓝1004 Golden yellow 金黄色2000 Yellow orange 黄橙色3016 Coral red 珊瑚红色5010 Gentian blue 龙胆蓝色1005 Honey yellow 蜜黄色2001 Red orange3017 Rose 玫瑰色5011 Steel blue 钢蓝色1006 Maize yellow 玉米黄2002 Vermilion 朱红3018 Strawberry red 草莓红5012 Light blue 淡蓝色1007 Daffodil yellow 灰黄色2003 Paster orange 淡橙5013 Cobalt blue 钴蓝色1011 Brown beige 米褐色2004 Pure orange 纯橙数字 "4" 开头的5014 Pigeon blue 鸽蓝色1012 Lemon yellow 柠檬黄2005 Luminous orange 亮橙4001 Red lilac 丁香红1013 Oyster white 近于白色的浅灰2007 Luminous bright orange 亮浅橙4002 Red violet 紫红色1014 Ivory 象牙色2008 Bright red orange 浅红橙4003 Heather violet 石南紫1015 Light ivory 亮象牙色2009 Traffic orange4004 Claret violet 酒红紫1016 Sulfur yellow 硫磺色2010 Signal orange 信号橙4005 Blue lilac 丁香蓝1017 Saffron yellow 深黄色2011 Deep orange 深橙色4006 Traffic purple 交通紫1018 Zinc yellow 绿黄色2012 Salmon orange 鲑鱼橙4007 Purple violet 紫红蓝色1019 Grey beige 米灰色2013 Pearl orange 珍珠橙4008 Signal violet 信号紫罗兰1020 Olive yellow 橄榄黄4009 Pastel violet 崧蓝紫色1021 Rape yellow 油菜黄数字 "3" 开头的4010 Telemagenta 电视品红色1023 Traffic yellow 交通黄3000 Flame red 火焰红4011 Pearl violet 珍珠紫1024 Ochre yellow 赭黄色3001 Signal red 信号红4012 Peal blackberry 珍珠黑1026 Luminous yellow 亮黄色3002 Carmine red 胭脂红1027 Curry 咖喱色3003 Ruby red 宝石红数字 "5" 开头的1028 Melon yellow 浅橙黄3004 Purple red 紫红色5000 Violet blue 紫蓝色1032 Broom yellow 金雀花黄3005 Wine red 葡萄酒红5001 Green blue 蓝绿色1033 Dahlia yellow 大丽花黄3007 Black red 黑红色5002 Ultramarine blue 群青蓝1034 Pastel yellow 粉黄色3009 Oxide red 氧化红5003 Sapphire blue 蓝宝石蓝RAL色卡色号颜色对照表数字 "6" 开头的6029 Mint green 薄荷绿7031 Blue grey 蓝灰色8015 Chestnut brown 粟棕色6000 Patina green 铜锈绿色6032 Signal greet 信号绿7032 Pebble grey 卵石灰8016 Mahogany brown 桃花心木褐6001 Emerald greet 翡翠绿色6033 Mint turquoise 薄荷绿蓝色7033 Cement grey 水泥灰8017 Chocolate brown 巧克力棕色6002 Leaf green 叶绿色6034 Pastel turquoies 崧蓝绿松石色7034 Yellow grey 黄灰色8019 Grey brown 灰褐色6003 Olive green 橄榄绿6035 Pearl green 珍珠绿7035 Light grey 浅灰色8022 Black brown 黑褐色6004 Blue green 蓝绿色6036 Pearl opal green 不透明蓝白绿7036 Platinum grey 铂灰色8023 Orange brown 桔黄褐6005 Moss green 苔藓绿7037 Dusty grey 土灰色8024 Beige brown 哔叽棕色6006 Grey olrve 橄榄灰绿数字 "7" 开头的7038 Agate grey 玛瑙灰8025 Pale brown 浅褐色6007 Bottle green 瓶绿7000 Squirrel grey 松鼠灰7039 Quartz grey 石英灰8028 Terra brown 浅灰褐色6008 Brown green 褐绿7001 Silver grey 银灰色7040 Window grey 窗灰色8029 Pearl copper 珍珠铜棕色6009 Fir greet 冷杉绿7002 Olive grey 橄榄灰绿色7042 Traffic grey A 交通灰A6010 Grass greet 草绿色7003 Moss grey 苔藓绿7043 Traffic grey B 交通灰B 数字 "9" 开头的(常用的)6011 Reseda green 淡橄榄绿7004 Signal grey 信号灰7044 Silk grey 深铭灰色9001 Cream 彩黄色6012 Black green 墨绿色7005 Mouse grey 鼠灰色7045 Telegrey 1 电视灰1 9002 Grey white 灰白色6013 Reed green 芦苇绿7006 Beige grey 米灰色7046 Telegrey 2 电视灰2 9003 Signal white 信号白6014 Yellow olive 橄榄黄7008 Khaki grey 土黄灰色7047 Telegrey 4 电视灰4 9004 Signal black 信号黑6015 Black olive 黑齐墩果色7009 Green grey 绿灰色7048 Pearl mouse grey 珍珠鼠灰9005 Jet black 墨黑色6016 Turquoise green 绿松石绿色7010 Tarpaulin gey 油布灰9006 White aluminium 白铝灰色6017 May green 五月红7011 Iron grey 铁灰色数字 "8" 开头的9007 Grey aluminium 灰铝色6018 Yellow green 黄绿色7012 Basalt grey 玄武石灰8000 Green brown 绿褐色9010 Pure white 纯白色6019 Pastel green 崧蓝绿色7013 Brown grey 褐灰色8001 Ochre brown 赭石棕色9011 Graphiack 石墨黑6020 Chrome green 铭绿色7015 Slate grey 浅橄榄灰8002 Signal brown 信号褐9016 Traffic white 交通白6021 Pale green 浅绿色7016 Anthracite grey 煤灰8003 Clay brown 土棕褐色9017 Traffic black 交通黑6022 Olive drab 橄榄土褐色7021 Black grey 黑灰8004 Coper brown 铜棕色9018 Papyrus white 草纸白6024 Traffic green 交通绿7022 Umbra grey 暗灰8007 Fawn brown 鹿褐色9022 Pearl light grey 珍珠浅灰6025 Fern green 蕨绿色7023 Concrete grey 混凝土灰8008 Olive brown 橄榄棕色9023 Pearl dark grey 珍珠深灰6026 Opal green 蛋白石绿色7024 Graphite grey 石墨灰8011 Nut brown 深棕色6027 Light green 浅绿色7026 Granite grey 花岗灰8012 Red brown 红褐色6028 Pine green 松绿色7030 Stone grey 石灰色8014 Sepia brown 乌贼棕色。

颜色的前世今生15·RGB拾色器详解

RGB加法色原理为什么RGB加法色可以生成各种颜色呢？我们可以从人眼如何感应颜色的理论（颜色视觉理论）来理解。

现在关于颜色视觉原理，有一套比较成熟的理论来解释，这个理论包括三个方面：1. 三色学说；2. 对比色学说；3. 阶段学说；虽然这套理论能解释现在大部分的现象，但也不能说它是成熟的理论。

并且他们大部分是科学家的理论假设，在实验验证上还有很多不足。

毕竟我们不能把人的脑袋劈开来做实验对吧？这么滴也太不人道了。

所以在实验验证方面，只能设计实验来间接证明理论的正确与否。

这一点大家要理解。

不过，这些细节对我们只考虑“怎么用”的人来说无关紧要，交给科学家头疼去吧。

来看看对RGB系统最重要的理论假设：三色学说，也被称为“杨-赫姆霍尔兹理论”（以创立它们的科学家命名）。

剩下的两个等讲Lab系统的时候再详细介绍。

人眼的视网膜细胞分为两种（已有解剖学成果支持）：1. 负责暗视觉的杆状细胞，没有颜色感应功能，只能感应明度；晚上用；2. 负责明视觉的锥状细胞，有颜色感应功能；白天用，光线一暗，就不行了，得让杆状细胞上；视网膜中的锥状细胞和杆状细胞其中锥状细胞按照对光谱响应的峰值不同分为三种：1. 感红锥状细胞；2. 感绿锥状细胞；3. 感蓝锥状细胞；（这方面解剖学的实验成果还有很多不足。

最大的问题在于，感红感绿感蓝细胞在解剖学上区分不出来，就是说它们外观长得都一样。

现在的科研成果倾向于认为，是细胞中的微观能态结构的不同，导致吸收光线的峰值不同。

好吧。

不要在意这些细节。

）锥状细胞又分为感红、感绿、感蓝三种三种细胞不同的光谱响应曲线这就相当于人眼有三种传感器，分别采集红绿蓝三种颜色的信号强度。

获得的RGB信号的比例不同，就会得到不同的颜色感觉（实际上，这就是数码相机的像素工作原理）。

人眼的颜色感觉，一定程度上，就是取决于这RGB三个传感器的信号的绝对强度（明度）和相对强度（信号之间的比值，决定色调、饱和度）。

进一步，如果人眼的R GB感受到达一定比例的平衡，就会产生消色（黑白灰）的感觉。

网页拾色器的制作教程

网页拾色器的制作教程1、创建需要调用网页拾色器的页面，在该页面中添加一个文本框，将文本框设置为只读，同时将文本框的背景颜色设置为黑色，并在该文本框的onclick事件中调用自定义的JavaScript函数colorpick(),代码如下：<input name="color" type="text" id="color" size="3" readonly="yes" style="background-color:#000" onclick="colorpick(this);">2、编写自定义的JavaScript函数colorpick()，用于打开网页对话框调用网页拾色器，并用网页拾色器的反回值设置文本框的背景颜色，代码如下：function colorpick(field){varrtn=window.showModalDialog("hh12.html","","dialogWidth:220px;dialogHeight:200px ;status:no;help:no;scrolling=no;scrollbars=no");if(rtn!=null){return;}}3、制作网页拾色器页面hh12.html。

代码：<script type="text/javascript">var h=new Array(6)h[0]="ff";h[1]="cc";h[2]="99";h[3]="66";h[4]="33";h[5]="00";function action(RGB){parent.window.returnValue="#"+RGB;window.close();}function Mcell(R,G,B){document.write('<td bgcolor="#"+R+G+B+"">');document.write('<a href="#" onClick="action(\''+(R+G+B)+'\')">');document.write('<img border=0 height=12 width=12 \>');document.write('</a>');document.write('</td>');}function Mtr(R,B){document.write('<tr>');for(var i=0;i<6;++i){Mcell(R,h,B);}document.write("</tr>");}function Mtable(B){document.write('<table cellpadding=0 cellspacing=0 border=0>');for(var i=0;i<6;++i){Mtr(h,B);}document.write('</table>');}function Mcube(){document.write('<table cellpadding=0 cellspacing=0 border=0><tr>'); for(var i=0;i<6;++i){if(i%3==0){document.write('<tr>');}document.write('<td bgcolor="#ffffff">');Mtable(h)document.write('</td>');}if(i%3==0){document.write('</tr>');}document.write('</tr></table>');}Mcube()</script>(详细请咨询济宁网站建设--济宁辉腾电子商务)。

色环表 (2)

色环表1. 引言色环表是一种用来展示颜色的工具，由一系列颜色组成的圆环形成。

每个颜色都被分配一个唯一的标识符，使得在不同的应用场景中可以准确地使用和复现这些颜色。

色环表广泛应用于设计、艺术、印刷、网络开发等领域，在各种场合中起到了重要的作用。

2. 色环表的构成色环表通常由一系列不同的颜色相互环绕而成，每个颜色都有一个对应的标识符。

常见的色环表包括 RGB 色环表、CMYK 色环表等。

2.1 RGB 色环表RGB（Red, Green, Blue）色环表是一种使用红、绿、蓝三原色组合来表示颜色的色环表。

在 RGB 色环表中，颜色是通过将不同比例的红绿蓝三种颜色叠加在一起来形成的。

通常，每个原色的取值范围是0-255，可以根据需要调整叠加的比例。

RGB 色环表可以用来表示计算机屏幕上的颜色，其中每个像素的颜色值由三个8 位整数分别表示红、绿、蓝三原色的亮度来确定。

2.2 CMYK 色环表CMYK（Cyan, Magenta, Yellow, Key）色环表是一种使用青、洋红、黄、黑四种颜色组合来表示颜色的色环表。

CMYK 色环表通常用于印刷领域，其中每个颜色都是通过混合不同比例的青、洋红、黄三原色以及黑色（墨水）来形成的。

CMYK 色环表也可以用于设计、绘画等领域，尤其是在需要印刷成品的情况下。

通过使用 CMYK 色环表，可以准确地选择和复现所需的颜色，确保印刷品的色彩一致性。

3. 如何使用色环表使用色环表可以帮助我们准确地选择和复现所需的颜色。

以下是使用色环表的基本步骤：1.首先，选择适合自己需求的色环表，可以根据颜色的用途和应用场景来选择适合的色环表。

2.查找色环表中所需颜色的标识符。

每个颜色都有一个唯一的标识符，可以通过查找色环表或使用专业设计软件来获取。

3.根据标识符使用颜色。

可以在设计软件中使用标识符来调用所需颜色，或者通过直接使用对应的 RGB 或 CMYK 值来表示颜色。

4.对使用的颜色进行调整。

24色环

红+黄=橙色红+蓝=紫色蓝+黄=绿色红+黄+蓝=黑色.粉柠檬黄=柠檬黄+纯白色藤黄色=柠檬黄+玫瑰红桔黄色=柠檬黄+玫瑰红土黄色=柠檬黄+纯黑色+玫瑰红熟褐色=柠檬黄+纯黑色+玫瑰红粉玫瑰红=纯白色+玫瑰红朱红色=柠檬黄+玫瑰红暗红色=玫瑰红+纯黑色紫红色=纯紫色+玫瑰红褚石红=玫瑰红+柠檬黄+纯黑色粉蓝色=纯白色+天蓝色蓝绿色=草绿色+天蓝色灰蓝色=天蓝色+纯黑色浅灰蓝=天蓝色+纯黑色+纯紫色粉绿色=纯白色+草绿色黄绿色=柠檬黄+草绿色墨绿色=草绿色+纯黑色粉紫色=纯白色+纯紫色啡色=玫瑰红+纯黑色大红+柠檬黄+湖蓝——熟褐（其实几乎可以是黑色）大红+柠檬黄——桔黄柠檬黄+湖蓝——草绿，加多了湖蓝就是粉绿大红+湖蓝——紫罗兰，加多了大红就是玫瑰红大红+桔黄——中黄大红+草绿——熟褐大红+紫罗兰——玫瑰红柠檬黄+紫罗兰——熟褐柠檬黄+草绿——浅绿湖蓝+紫罗兰——青莲要注意调色的比例.很难的。

.我画画的时候最少要10来种颜色....颜色的品种变化无尽、绚丽多彩，但各种颜色之间存在一定的内在联系，每一种颜色都可用3个参数来确定，即色调、明度和饱和度。

色调是彩色彼此相互区别的特征，决定于光源的色谱组成和物体表面所发射的各波长对人眼产生的感觉，可区别红、黄、绿、蓝、紫等特征。

明度，也称为亮度，是表示物体表面明暗程度变化的特征值；通过比较各种颜色的明度，颜色就有了明这和深暗之分。

饱和度，也称为彩度，是表示物体表面颜色浓淡的特征值，使色彩有了鲜艳与阴晦之别。

色调、明度和饱和度构成了一个立体，用这三者建立标度，我们就能用数字来测量颜色。

自然界的颜色千变万化，但最基本的是红、黄、、蓝三种，称为原色。

以这三种原色按不同比例调配混合而成的另一种颜色，称为复色，从图4-1中可知颜色的拼色关系。

例如红+黄=橙；蓝+黄=绿；橙色和绿色称为复色。

图4-2显示了色彩拼色的颜色圈，三原色拼成的复色，其在颜色圈中与其对应的另一个色为补色。