ffcc00颜色信息
Tangerine yellow / USC Gold在RGB颜色空间中,#ffcc00由100.0%红色,80.0%绿色和0.0%蓝色组成,十进制红色值为255,绿色值为204,蓝色值为0。在CMKY色彩空间中,他由0.0%青色,20.0%品红色,100.0%黄色和0.0%黑色组成。最接近的网页安全颜色是:#ffcc00。
- R100.0
- G80.0
- B0.0
- C0.0
- M20.0
- Y100.0
- K0.0
颜色转换
#ffcc00十进制的RGB值为R:255,G:204,B:0。CMYK值为C:0.0,M:20.0,Y:100.0,K:0.0
| RGB | 255,204,0 |
|---|---|
| 百分比 | 100.0%,80.0%,0.0% |
| 十六进制 | ffcc00 |
| 十进制 | 16763904 |
| 二进制 | 11111111,11001100,00000000 |
| CMYK | 0.0,20.0,100.0,0.0 |
| CMYK百分比 | 0%,20%,100%,0% |
| CMY | 0.0,0.2,1.0 |
| CMY百分比 | 0%,20%,100% |
| HSL | 48.0°,100.0,50.0 |
| HSV(or HSB) | 48.0°,100.0,100.0 |
| XYZ | 62.834,64.449,9.13 |
|---|---|
| xyY | 0.461,0.472,64.449 |
| CIE-LAB | 84.199,3.676,85.217 |
| CIE-LUV | 84.199,43.731,88.055 |
| CIE-LCH/LCHab | 84.199,85.296,87.53 |
| CIE-LUV/LCHuv | 84.199,98.316,63.589 |
| Hunter-Lab | 80.28,-0.781,49.453 |
| YIQ | 195.993,95.9361,-52.6983 |
| YUV | 195.993,-96.44559,51.76704 |
| 网页安全色 | #ffcc00 |
| 颜色名称 | Tangerine yellow / USC Gold |
配色方案
为您提供丰富多样的颜色搭配灵感,帮助您在各个领域中实现理想的视觉效果。
矩形(四元)配色
方形(四元)配色
相似颜色
以下颜色与#ffcc00在视觉上高度相似,或者属于同一色系,在寻求微妙变化时可作参考。
ffcc00色度/色彩
通过调整亮度或饱和度,可以得到#ffcc00向黑或向白过渡的渐变色板,这些变化能为您提供丰富的层次感选择。
- #ffcc00
#ffcc00rgb(255,204,0) - #ebbc00
#ebbc00rgb(235,188,0) - #d8ad00
#d8ad00rgb(216,173,0) - #c49d00
#c49d00rgb(196,157,0) - #b18d00
#b18d00rgb(177,141,0) - #9d7e00
#9d7e00rgb(157,126,0) - #896e00
#896e00rgb(137,110,0) - #765e00
#765e00rgb(118,94,0) - #624e00
#624e00rgb(98,78,0) - #4e3f00
#4e3f00rgb(78,63,0) - #3b2f00
#3b2f00rgb(59,47,0) - #271f00
#271f00rgb(39,31,0) - #141000
#141000rgb(20,16,0)
- #ffd014
#ffd014rgb(255,208,20) - #ffd427
#ffd427rgb(255,212,39) - #ffd83b
#ffd83brgb(255,216,59) - #ffdc4e
#ffdc4ergb(255,220,78) - #ffe062
#ffe062rgb(255,224,98) - #ffe476
#ffe476rgb(255,228,118) - #ffe789
#ffe789rgb(255,231,137) - #ffeb9d
#ffeb9drgb(255,235,157) - #ffefb1
#ffefb1rgb(255,239,177) - #fff3c4
#fff3c4rgb(255,243,196) - #fff7d8
#fff7d8rgb(255,247,216) - #fffbeb
#fffbebrgb(255,251,235) - #ffffff
#ffffffrgb(255,255,255)
色调
通过添加灰色或调整饱和度,可以探索#ffcc00在不同色调下的表现,从而获得更丰富的视觉情绪。
- #898576
#898576rgb(137,133,118) - #938b6c
#938b6crgb(147,139,108) - #9d9162
#9d9162rgb(157,145,98) - #a79758
#a79758rgb(167,151,88) - #b19d4e
#b19d4ergb(177,157,78) - #baa345
#baa345rgb(186,163,69) - #c4a93b
#c4a93brgb(196,169,59) - #ceaf31
#ceaf31rgb(206,175,49) - #d8b427
#d8b427rgb(216,180,39) - #e2ba1d
#e2ba1drgb(226,186,29) - #ebc014
#ebc014rgb(235,192,20) - #f5c60a
#f5c60argb(245,198,10) - #ffcc00
#ffcc00rgb(255,204,0)
HTML/CSS代码
直接在您的网页设计或开发项目中使用#ffcc00的相关代码。
#ffcc00文本颜色
此段文字的字体颜色为#ffcc00.
<span style="color:#ffcc00;">文本</span>#ffcc00背景颜色
此段背景颜色为#ffcc00.
<p style="background-color:#ffcc00;">文本</p>#ffcc00边框颜色
这个边框颜色为#ffcc00.
<div style="border:1px solid #ffcc00;">文本</div>CSS代码
.text{color:#ffcc00}.background{background-color:#ffcc00}.border{border:1px solid#ffcc00}
