颜色控制
常用颜色表
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#000000
#FFFFFF
#808080
#FFC0CB
#A52A2A
#800080
#FFA500
#000080
#008080
#808000
颜色中文名对照表
颜色 | 中文名称 | HEX代码 | RGB值 |
---|---|---|---|
红色 | #FF0000 | 255,0,0 | |
绿色 | #00FF00 | 0,255,0 | |
蓝色 | #0000FF | 0,0,255 | |
黄色 | #FFFF00 | 255,255,0 | |
青色 | #00FFFF | 0,255,255 | |
品红 | #FF00FF | 255,0,255 | |
黑色 | #000000 | 0,0,0 | |
白色 | #FFFFFF | 255,255,255 | |
灰色 | #808080 | 128,128,128 | |
粉色 | #FFC0CB | 255,192,203 | |
棕色 | #A52A2A | 165,42,42 | |
紫色 | #800080 | 128,0,128 | |
橙色 | #FFA500 | 255,165,0 | |
藏青 | #000080 | 0,0,128 | |
海蓝 | #008080 | 0,128,128 | |
橄榄 | #808000 | 128,128,0 |
CMYK颜色表
颜色 | 中文名称 | CMYK值 | HEX代码 |
---|---|---|---|
红色 | 0,100,100,0 | #FF0000 | |
绿色 | 100,0,100,0 | #00FF00 | |
蓝色 | 100,100,0,0 | #0000FF | |
黄色 | 0,0,100,0 | #FFFF00 | |
青色 | 100,0,0,0 | #00FFFF | |
品红 | 0,100,0,0 | #FF00FF | |
黑色 | 0,0,0,100 | #000000 | |
白色 | 0,0,0,0 | #FFFFFF | |
灰色 | 0,0,0,50 | #808080 | |
粉色 | 0,25,12,0 | #FFC0CB | |
棕色 | 0,75,75,35 | #A52A2A | |
紫色 | 0,100,0,50 | #800080 | |
橙色 | 0,35,100,0 | #FFA500 | |
藏青 | 100,100,0,50 | #000080 | |
海蓝 | 100,0,0,50 | #008080 | |
橄榄 | 0,0,100,50 | #808000 |
CMYK颜色模式主要用于印刷行业,数值范围为0-100%,分别代表青色(Cyan)、品红色(Magenta)、黄色(Yellow)和黑色(Key)。
RGB颜色表
基本色
红色
255,0,0
绿色
0,255,0
蓝色
0,0,255
黄色
255,255,0
青色
0,255,255
品红
255,0,255
黑色
0,0,0
白色
255,255,255
灰色
128,128,128
粉色
255,192,203
棕色
165,42,42
紫色
128,0,128
橙色
255,165,0
藏青
0,0,128
海蓝
0,128,128
橄榄
128,128,0
RGB颜色说明
RGB颜色模式是发光的色彩模式,主要用于电子屏幕显示。
- R (Red):红色通道,取值0-255
- G (Green):绿色通道,取值0-255
- B (Blue):蓝色通道,取值0-255
- 通过调整三个通道的数值,可以混合出各种颜色
色阶板
以下是不同基色的亮度变化色阶(10%-100%)
红色色阶
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
绿色色阶
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
蓝色色阶
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
黄色色阶
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
青色色阶
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
品红色阶
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
颜色代码表
颜色表示方法
HEX 颜色代码
以#开头, followed by 6位十六进制数 (00-FF)
#FF0000 (红色)
#00FF00 (绿色)
#0000FF (蓝色)
#00FF00 (绿色)
#0000FF (蓝色)
RGB 颜色代码
rgb(红色, 绿色, 蓝色),每个值范围0-255
rgb(255, 0, 0) (红色)
rgb(0, 255, 0) (绿色)
rgb(0, 0, 255) (蓝色)
rgb(0, 255, 0) (绿色)
rgb(0, 0, 255) (蓝色)
RGBA 颜色代码
rgba(红色, 绿色, 蓝色, 透明度),透明度0-1
rgba(255, 0, 0, 0.5) (半透明红色)
常用颜色代码速查表
红色
#FF0000
绿色
#00FF00
蓝色
#0000FF
黄色
#FFFF00
青色
#00FFFF
品红
#FF00FF
黑色
#000000
白色
#FFFFFF
灰色
#808080
粉色
#FFC0CB
棕色
#A52A2A
紫色
#800080
橙色
#FFA500
藏青
#000080
海蓝
#008080
橄榄
#808000
调色板
点击颜色块添加到自定义调色板,可创建自己的颜色组合
基础颜色选择
我的调色板
点击上方颜色添加到调色板
颜色处理PHP代码
常用的颜色转换和处理PHP函数示例
RGB转CMYK函数
/**
* 将RGB颜色值转换为CMYK
* @param int $r 红色值 (0-255)
* @param int $g 绿色值 (0-255)
* @param int $b 蓝色值 (0-255)
* @return array CMYK值数组 (0-100%)
*/
function rgbToCmyk($r, $g, $b) {
$r = $r / 255;
$g = $g / 255;
$b = $b / 255;
$k = 1 - max($r, $g, $b);
$c = ($k < 1) ? (1 - $r - $k) / (1 - $k) : 0;
$m = ($k < 1) ? (1 - $g - $k) / (1 - $k) : 0;
$y = ($k < 1) ? (1 - $b - $k) / (1 - $k) : 0;
return [
round($c * 100),
round($m * 100),
round($y * 100),
round($k * 100)
];
}
CMYK转RGB函数
/**
* 将CMYK颜色值转换为RGB
* @param int $c 青色值 (0-100)
* @param int $m 品红色值 (0-100)
* @param int $y 黄色值 (0-100)
* @param int $k 黑色值 (0-100)
* @return array RGB值数组 (0-255)
*/
function cmykToRgb($c, $m, $y, $k) {
$c = $c / 100;
$m = $m / 100;
$y = $y / 100;
$k = $k / 100;
$r = 255 * (1 - $c) * (1 - $k);
$g = 255 * (1 - $m) * (1 - $k);
$b = 255 * (1 - $y) * (1 - $k);
return [
round($r),
round($g),
round($b)
];
}
HEX转RGB函数
/**
* 将HEX颜色代码转换为RGB
* @param string $hex HEX颜色代码,如#FF0000
* @return array|bool RGB值数组或false(无效时)
*/
function hexToRgb($hex) {
// 移除#号
$hex = ltrim($hex, '#');
// 检查长度是否正确
if (strlen($hex) != 6) {
return false;
}
// 解析RGB值
$r = hexdec(substr($hex, 0, 2));
$g = hexdec(substr($hex, 2, 2));
$b = hexdec(substr($hex, 4, 2));
return [$r, $g, $b];
}
生成随机颜色函数
/**
* 生成随机HEX颜色代码
* @return string 随机HEX颜色代码
*/
function generateRandomColor() {
$letters = '0123456789ABCDEF';
$color = '#';
for ($i = 0; $i < 6; $i++) {
$color .= $letters[rand(0, 15)];
}
return $color;
}