判断颜色是否合法的正则表达式(详解)
更新时间：2017年05月03日 08:50:39 投稿：jingxian
下面小编就为大家带来一篇判断颜色是否合法的正则表达式(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
"^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$";
意思是：以#开头，后面是数字和a-f的字符（大写或小写），这个值是6位或3位。要匹配一个3为是为了符合css颜色的简写规则：
"#abc"=="#aabbcc"
注意：如果需要进行16位和10位的转换，比如将颜色值转成int存在数据库，如果是6位的颜色没问题，如果是3位的颜色就有问题了，因为当你取回来从10进制转为
16进制的时候，你不知道他应该是3位还是6位。
比如：#0000ff==转10进制==>255。如果是转回来呢：255==转16进制==>ff，如果你知道是6位你可以自己加上“#0000”就变成“#0000ff”，如果是三位就变成“#0ff”
因此，如果是需要转10进制保存的情况下，不应该让3位的颜色值存在，或者应该在保存之前给他统一转成6位的颜色值再转10进制。
以上这篇判断颜色是否合法的正则表达式(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇js添加千分位的实现代码(超简单)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章详细介绍了JavaScript定时器及实例，有需要要的朋友可以参考一下2013-08-08
Jquery 返回json数据，IE浏览器提示下载的问题，当提交完数据后返回的本来是json数据的，在火弧里测试正常，解决方法如下2014-05-05
在本篇文章里我们给大家分享了关于JS中pop使用方法的实例内容，有兴趣的朋友们学习下。2019-01-01
这篇文章主要为大家详细介绍了js编写轮播图效果的代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 地图格子算法,结合实例形式详细分析了javascript碰撞检测算法的相关原理、实现技巧与操作注意事项,需要的朋友可以参考下2018-12-12
JavaScript trim 去除字符串空格的三种方法(附代码详解)
个人认为最好的方法.采用的是正则表达式,这是最核心的原理.因为空格有多种形式。2010-05-05
详解addEventListener的三个参数之useCapture
本文主要给大家介绍的是addEventListener的三个参数之中的useCapture参数的使用及示例分享，有需要的小伙伴参考下2015-03-03
如何需要进行动态的导入js文件，那么下面的方法或许可以帮助到大家2014-01-01
全面解析Bootstrap中nav、collapse的使用方法
这篇文章主要为大家详细解析了Bootstrap中nav、collapse的使用方法，感兴趣的朋友可以参考一下2016-05-05
最新评论