我需要一个数组,其中每个字段都包含一个颜色代码。
array(0 => '#4CFF00', 1 => '#FFE97F')
我希望这个过程可以从绿色到黑色贯穿整个颜色谱。
绿色->蓝色->深蓝色->紫色->黄色->橙色->红色->棕色->黑色
这个顺序不需要完全相同,但我想你已经明白了我的意思。有人能帮忙吗?是否有网站已经做过这个了?
您应该使用像 色调-饱和度-值(HSV) 这样的颜色模型,将色调从0度一直循环到360度,其中饱和度和值适合您。(如果您想从绿色转换到绿色,只需从120度开始)
这里有一个示例,展示了基于RGB和HSV渐变之间的区别:顶部的渐变仅在RGB模型中从绿色到红色,但下面的渐变使用了HSV,产生了更令人愉悦的效果。
function dechexpad($i){
$s="";
if($i<16) $s="0";
$s.=dechex($i);
return $s;
}
function hexcolor($r,$g,$b){
return "#".dechexpad($r%255).dechexpad($g%255).dechexpad($b%255);
}
$xx=array();
for($i=0;$i<255;$i++){
$xx[]=hexcolor($i*4,$i*2,$i);
}
function list_colours($start, $end, $steps = 6)
{
$return = array();
$start_r = hexdec(substr($start, 1, 2));
$start_g = hexdec(substr($start, 3, 2));
$start_b = hexdec(substr($start, 5, 2));
$end_r = hexdec(substr($end, 1, 2));
$end_g = hexdec(substr($end, 3, 2));
$end_b = hexdec(substr($end, 5, 2));
$shift_r = ($end_r - $start_r) / $steps;
$shift_g = ($end_g - $start_g) / $steps;
$shift_b = ($end_b - $start_b) / $steps;
for ($i = 0; $i < $steps; $i++)
{
$color = array();
$color[] = dechex($start_r + ($i * $shift_r));
$color[] = dechex($start_g + ($i * $shift_g));
$color[] = dechex($start_b + ($i * $shift_b));
// Pad with zeros.
$color = array_map(function ($item) {
return str_pad($item, 2, "0", STR_PAD_LEFT);
},
$color
);
$return[] = '#' . implode($color);
}
return $return;
}
// Examples
$spectrum = array();
$spectrum[] = list_colours("#000000", "#FFFFFF"); // grey
$spectrum[] = list_colours("#cc0033", "#FFFFFF"); // R
$spectrum[] = list_colours("#ff6600", "#FFFFFF"); // O
$spectrum[] = list_colours("#fdc710", "#FFFFFF"); // Y
$spectrum[] = list_colours("#cccc00", "#FFFFFF"); // G
$spectrum[] = list_colours("#339933", "#FFFFFF"); // G dark
$spectrum[] = list_colours("#339999", "#FFFFFF"); // B teal
$spectrum[] = list_colours("#14acde", "#FFFFFF"); // B light
$spectrum[] = list_colours("#0066cc", "#FFFFFF"); // B dark
$spectrum[] = list_colours("#663399", "#FFFFFF"); // I dark
$spectrum[] = list_colours("#990066", "#FFFFFF"); // I light
$spectrum[] = list_colours("#cc0066", "#FFFFFF"); // V pink
00FF00 是绿色,000000 是黑色。你只需要逐个增加一种颜色,同时递减其他颜色。将其放入循环中,无论是 PHP、JavaScript 还是其他语言都可以。
编辑: 这里有一个链接,展示了如何循环遍历十六进制颜色代码。
http://www.atalasoft.com/31apps/ColorSchemeGenerator/
Psuedocode: `colorRange(arrayReference, startColor, endColor, numSteps)`
Get {R, G, B} startColor and endColor
Get R_diff, G_diff, and B_diff
for i in 0 to numSteps {
arrayReference.append(
i => {min(startR, endR) + (R_diff * (i / numSteps)),
min(startG, endG) + (G_diff * (i / numSteps)),
min(startB, endB) + (B_diff * (i / numSteps))}
)
}
我猜如果你需要所有这些颜色,你可以按以下方式构建16776960个元素的数组:
<?php
$end = 'FFFFFF';
$arrMassiveColor = array();
for($curr = 0; $curr <= dechex($end); $curr++) {
$arrMassiveColor[] = '#'.hexdec($curr);
}
?>
虽然看起来有点奇怪...
for($i = 0; $i <= 16777215; $i++) {
echo sprintf('%06s', dechex($i));
}
当然,这个问题早已有了答案,但我还是想分享一下。
#FFE97F
是白色...#4CFF00
是绿色。那么黑色是怎么回事?是代码示例错误吗?还是我理解有误? - knittl