好的CSS 取色软件有哪些推荐?

2023-02-28 11:33:01html-css022

好的CSS 取色软件有哪些推荐?,第1张

它的功能基本就是这个菜单上这些了——

个人常用的是取色、截图（选取矩形区域）还有截取滚动窗口，常用到我把它最小化到托盘，然后专门设置了Alt+2/3这样单手就能完成的全局快捷键。

取色和截图的时候在角落有放大的预览——

取色后可以看到RGB、Dec、Hex的颜色代码——

另外，如果是设计前期，取色用来分析配色方案，那推荐ColorSchemer Studio。这个可以说是专业级的配色工具了，自带取色器（界面左下角那个吸管）。界面如下——

取色后自动生成与之饱和度、明度匹配的十二色相环。

另外“实时方案”、“合成器”、“变体”里面可以非常非常方便的选取同色、补色、类比色。

对图片的色彩分析也很容易，打开图片就能看到提取出的颜色，可以设置提取颜色的数量，甚至可以一键打码= =||——

如果没有合适的图片，自己也找不到好的配色思路，那ColorSchemer还提供了一个可以让社稷诗更偷懒的功能，配色方案搜索（可惜不支持中文）——

其他功能诸如保存配色方案、色盲模拟、网页安全色、随机颜色等不再一一截图。

首先是格式问题，ps里可以兼容 cmyk与rgb等多种颜色模式，统一想要做的文件颜色格式，cmyk一般用于印刷，rgb一般用于网页及打印。第二点需要注意的是显示器颜色，因为发光体与打印出来的要有一定差别，最好是根据需要打印的文件先矫正一下显示器。最后就是输出，有些打印机是4色的，有些是6色，12色，根据不同打印机类型出小样后再制作。印刷的话也需要出小样，但转换度较小差别不大。

一、认识CSS 颜色（CSS color）

这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。

1、常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色

2、颜色规范与颜色规定：网页使用RGB模式颜色

二、颜色基础知识

网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感（特别是超链接中运用）、美观之用，同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。

传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色

CSS color颜色语法：

color:#000000

Css样式中color后直接加RGB颜色值（#FFFFFF 、#000000 、#F00）

RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。

三、两种方法设置对象颜色样式

1、在DIV标签内使用color颜色样式

2、在CSS选择器中使用color颜色样式CSS代码：

.divcss5{color:#00F}

/* 设置对象divcss5内文字为蓝色 */

扩展阅读：这里运用了CSS注释对此样式设置说明，了解CSS 注释

3、DIV+CSS颜色样式完整案例：

Css代码：

复制代码

代码如下:

.divcss5{color:#00F}

/* 设置对象divcss5内文字为蓝色 */

HTML代码：

复制代码

代码如下:

<p>

标签内使用color css样式

</p>

<p>外部样式表设置对象color颜色

</p>

4、实例结构图：

以上使用标签内使用color颜色样式和css代码使用color颜色样式。

四、文字颜色控制一样

传统html和css 文字颜色相同使用“color：”+“RGB颜色取值”即可，如颜色为黑色字即对应设置CSS属性选择器内添加“color:#000”即可。

五、网页背景颜色设置区别

传统设置背景颜色使用“bgcolor=颜色取值”，而CSS中则“background:”+颜色取值。例如：设置背景为黑色，传统Html设置，即在标签内加入“bgcolor="#000"”即可实现颜色为黑色背景，如果在W3C中即在对应CSS选择器中始终“background:#000”实现。

六、设置边框颜色区别

传统“bordercolor=取值”，CSS中“border-color:”+颜色取值。例如：在传统html直接在table标签加入“bordercolor="#000"”即可，在现在CSS中设置“border-color:#000”即可让边框颜色为黑色，同时记得对包括设置宽度和样式（虚线、实现）。

DIV+CSS颜色值扩展知识：

颜色值是一个关键字或一个数字的RGB规范。

16个关键字是采取从Windows的VGA调色板：水色，黑色，蓝色，紫红色，灰，绿，灰，褐红色，藏青色，橄榄色，紫色，红色，银色，青色，白色，黄色。

七、RGB颜色给出了四种方法之一

1、#rrggbb（如，＃00cc00）（强烈推荐使用此表示颜色取值）

2、#的RGB（如，＃0c0）

3、RGB（十中，x，x）的x是一个包容性的0和255之间的整数（如的RGB（0,204,0））

4、RGB（Ÿ％，Ÿ％，Ÿ％），其中 y是一个包容性的数量介于0.0和100.0（如的RGB（0％，80％，0％））

八、以下是RGB颜色表

当然一般的网页开发软件都有颜色取值器：

网页开发软件DW软件中CSS取色器

如何获得CSS颜色值？