不同的平台（Mac、PC等）有不同的调色板，不同的浏览器也有自己的调色板。这就意味着对于一幅图，显示在Mac上的Web浏览器中的图像，与它在PC上相同浏览器中显示的效果可能差别很大。

HTML 和 CSS 颜色规范中定义了 147 中颜色名（17 种标准颜色加 130 种其他颜色）。下面的表格中列出了所有这些颜色，以及它们的十六进制值。

想要表示web中的各种颜色，大家首先想到的大概就是用十六进制或者RGB来表示。但在实际web中，是远不止这两种的。今天这篇文章就和大家聊一聊，在web中颜色的各种表示方法。

颜色模型，是用来表示颜色的数学模型。比如最常见的 RGB模型，使用 红绿蓝 三色来表示颜色。一般的颜色模型，可以按照如下分类：面向硬件设备的颜色模型：RGB，CMYK，YCrCb。

在开发中，我们需要实现动态切换全局主题色，对于文字颜色或者背景都很好实现，但是页面中经常会有很多小图标，也需要根据主题色进行切换。这篇文章主要介绍2种最常用的实现方式，使用svg图，通过更改path的颜色来实现；使用png图，利用CSS3滤镜filter

对实现动画的前端同学们来说，canvas可以说是最自由，最能全面控制的一个动画实现载体。不但能通过javascript控制点、线、面的绘制，使用图片资源填充；还能改变输入参数作出交互动画，完全控制动画过程中的动作轨迹、速度、弹性等要素

超链接a标签大家都应该很熟悉，这篇文章主要的讲的是a标签的基础css样式设置，下面我们来看一下css修改超链接颜色的方法。

主要原理是利用webpack插件webpack-theme-color-replacer提取相关颜色css然后根据配置动态生成替换的css，具体实现步骤如下：

在第一个例子中，我们只让背景颜色变得透明，而第二个例子用到opacity属性，让整个元素都变得透明，包含元素中含的内容。使用opacity把一个元素设置为透明后，将无法再让其子元素变得不那么透明。

RGB和HSL（也叫HSB/HSV）是两种色彩空间，即：红,绿,蓝（Red,Green,Blue）和色调,饱和度,亮度（Hue,Saturation,Lightness或Brightness或Value），前者适用于机器采样，目前的显示器颜色即由这三种基色构成，而后者更符合人类的直观感觉

设置 input:disabled 的字体颜色，在 ios下无效，颜色很暗。pc端显示正常。iPhone Safari/webview 环境下 input disabled 的默认样式会有默认样式opacity以及隐藏样式-webkit-text-fill-color

前端编程过程中，经常会遇到要把各种颜色格式（比如 “red”、“#F00”、“#FF0000”等）转换成RGBA格式，搜索网络也可以发现一堆的解决方案：此处介绍一种方法： 通过canvas的像素获取方法

假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了，就可以直接给定颜色的名称。CSS称这些有名称的颜色为命名颜色。命名颜色的关键字有限，css定义了17个标准色：浅绿色，黑色，蓝色

封装一个函数，一个十六进制的值的数组，产生的每个随机数都是一个索引,根据索引找到数组中对应的值,拼接到一起，调用函数getColor()就能随机获取一个16进制的颜色值

不知道大家觉得如何，舒适的颜色，很多人都会喜欢，但主要还是看实用性。今天给大家分享中国传统颜色有那些？中国传统的颜色之美，美如其名：蔚蓝、竹青、绯红、月白、石青、紫檀、霜色、黛绿、胭脂、藕荷、豆绿、宝蓝、秋香、玄色、牙色、黄栌、靛蓝、明黄、朱砂、石绿