HTML 颜色代码 : Red to Yellow to Green

标签 html colors hex scale

我想提出尽可能多的十六进制 HTML 值,以实现从红色到绿色的平滑颜色渐变:

我希望这类似于以下内容: http://www.utexas.edu/learn/html/colors.html

我没有最好的颜色选择眼力,所以我希望已经有一个标准图表显示如何从红色顺利过渡到黄色再到绿色。

在该网站上,“6 种中的 1 种”与我正在寻找的最相似,但该示例仅限于 11 种颜色:

(1) FF0000 Red, 
(2) FF3300 Red(Orange)
(3) ff6600 
(4) ff9900 
(5) FFCC00 Gold 
(6) FFFF00 Yellow
(7) ccff00
(8) 99ff00
(9) 66ff00
(10) 33ff00
(11) 00FF00 Lime 

如果能够将颜色数量加倍,但又能使它们平滑过渡,那就太好了。

感谢您的任何见解和帮助。

最佳答案

根据您最终想要多少种颜色,解决方案就是不断增加绿色值一定量,然后当绿色达到最大值 (FF) 时,减少红色值重复相同数量的值。

伪代码:

int red = 255; //i.e. FF
int green = 0;
int stepSize = ?//how many colors do you want?
while(green < 255)
{
    green += stepSize;
    if(green > 255) { green = 255; }
    output(red, green, 0); //assume output is function that takes RGB
}
while(red > 0)
{
    red -= stepSize;
    if(red < 0) { red = 0; }
    output(red, green, 0); //assume output is function that takes RGB
}

手动生成,你可以简单地增加 16,像这样:

FF0000
FF1000
FF2000
FF3000
FF4000
FF5000
FF6000
FF7000
FF8000
FF9000
FFA000
FFB000
FFC000
FFD000
FFE000
FFF000
FFFF00 //max, step by 15
F0FF00 //cheat, start with a -15 to simplify the rest
E0FF00
D0FF00
C0FF00
B0FF00
A0FF00
90FF00
80FF00
70FF00
60FF00
50FF00
40FF00
30FF00
20FF00
10FF00

关于HTML 颜色代码 : Red to Yellow to Green,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4161369/

相关文章:

java - 确定图像是否具有特定的色谱

javascript - 如何在 JavaScript 中将十进制转换为十六进制

javascript - 使用 NodeJS 缓冲区

html - 页面底部的页脚

html - 保持 css 点到位

html - 使用 bootstrap 创建布局

html - 在水平无序列表中悬停时更改背景颜色?

javascript - SVG:显示重叠形状的平均颜色

android - 可以用字符串获得颜色吗?

Python3 以十六进制表示打印