网页开发者经常需要配色, 而如果手头上没有这么一个工具很不方便. HTML的颜色是可以直接用英文单词来指定的, 但这只适合常用的可以叫的上好的颜色 比如 红的 red 黑的 black. 还可以通过 RGB 来指定 三个颜色(红蓝绿) 的比例. 每个颜色是 0到255 一个字节 来表示. 比如红色 也可以用 RGB(255, 0, 0). 当然也可以把这三个数字用16进制来表示, 如: #FF0000.
HTML5 的颜色选择器
HTML5 里可以对 input 元素指定成 color 类型就可以有一个很强大的颜色选择器, 比如:
1 | <input type=color value="#ff0000" /> |
<input type=color value="#ff0000" />
如果你用的是HTML5浏览器 (比如 Chrome)就可以点击下面的颜色来选择:
每种浏览器下对 input type=color 的实现不同, 比如手机HTC ONE M9下的 Chrome 就实现的很简洁.
其它 Javascript 颜色选择器
还可以在这个页面里 用上其它用纯 Javascript 实现的颜色选择器 但总体来说都没有HTML5自带的来得方便.
常用的颜色和数值
: #FFFFFF = RGB(255, 255, 255)
: #800000 = RGB(128, 0, 0)
: #008000 = RGB(0, 128, 0)
: #808080 = RGB(128, 128, 128)
: #FF0000 = RGB(255, 0, 0)
: #800080 = RGB(128, 0, 128)
: #FF00FF = RGB(255, 0, 255)
: #808000 = RGB(128, 128, 0)
: #000000 = RGB(0, 0, 0)
: #00FF00 = RGB(0, 255, 0)
: #FFFF00 = RGB(255, 255, 0)
: #00FFFF = RGB(0, 255, 255)
: #008080 = RGB(0, 128, 128)
: #0000FF = RGB(0, 0, 255)
: #000080 = RGB(0, 0, 128)
: #C0C0C0 = RGB(192, 192, 192)
强烈推荐
- 英国代购-畅购英伦
- TopCashBack 返现 (英国购物必备, 积少成多, 我2年来一共得了3000多英镑)
- Quidco 返现 (也是很不错的英国返现网站, 返现率高)
- 注册就送10美元, 免费使用2个月的 DigitalOcean 云主机(性价比超高, 每月只需5美元)
- 注册就送10美元, 免费使用4个月的 Vultr 云主机(性价比超高, 每月只需2.5美元)
- 注册就送10美元, 免费使用2个月的 阿里 云主机(性价比超高, 每月只需4.5美元)
- 注册就送20美元, 免费使用4个月的 Linode 云主机(性价比超高, 每月只需5美元) (折扣码: PodCastInit2022)
- PlusNet 英国光纤(超快, 超划算! 用户名 doctorlai)
- 刷了美国运通信用卡一年得到的积分 换了 485英镑
- 注册就送50英镑 – 英国最便宜最划算的电气提供商
- 能把比特币莱特币变现的银行卡! 不需要手续费就可以把虚拟货币法币兑换
微信公众号: 小赖子的英国生活和资讯 JustYYUK