当前位置:首页 > 日记 > 正文

判断颜色是否合法的正则表达式 | 详解

判断颜色是否合法的正则表达式 | 详解

"^#([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进制。

以上这篇判断颜色是否合法的正则表达式(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

怎么在word文档中设置批量打印奖状

怎么在word文档中设置批量打印奖状

文档,设置,奖状,批量,电脑软件,  在打印奖状的时候,发现奖状很多,而且还是不同种类的奖状,该怎么快速打印。以下是小编为您带来的关于word文档中设置批量打印奖状,希望对您有所帮助。word文档中设置批量打印奖状1、新建一张电子表格表单,把所…

JavaScript实现左右下拉框动态增删

JavaScript实现左右下拉框动态增删

下拉框,动态,示例,电脑软件,JavaScript,选中下拉框中的选项实现左移右移效果:1. Html部分代码<body><table align="center"> <tr> <td ><select size="15" id="left" > <option>左1</option> <option>左2</option> …

jQuery实现简单日期格式化功能示例

jQuery实现简单日期格式化功能示例

日期格式化,示例,简单,功能,电脑软件,本文实例讲述了jQuery实现简单日期格式化功能。分享给大家供大家参考,具体如下:代码如下,引入jquery后直接后加入以下代码刷新可测试Date.prototype.Format = function (fmt) { //author: meizz var o = …

详解vue 模拟后台数据(加载本地json

详解vue 模拟后台数据(加载本地json

数据,后台,模拟,加载,文件,本文介绍了vue 模拟后台数据(加载本地json文件)调试,分享给大家,也给自己留个笔记首先创建一个本地json文件,放在项目中如下{ "runRedLight":{ "CurrentPage": 1, "TotalPages": 0, "TotalItems": 0, "It…

如何制作PPT闪电效果动画

如何制作PPT闪电效果动画

动画,闪电,效果,电脑软件,PPT,  用PPT动画模拟闪电的情况,在开始做动画之前,我们还得找一些素材,主要就是闪电的图片,以黑底最佳,有个七八张就OK。以下是小编为您带来的关于PPT闪电效果动画的制作,希望对您有所帮助。PPT闪电效果动画的制作1、…

怎么批量在Excel表格中插入多列行

怎么批量在Excel表格中插入多列行

多列,批量,表格,电脑软件,Excel,  在Excel表格的使用中,插入行列这个操作,简单的做法很多人都会。如果要在Excel表格内容之间插入多列行,那该如何去批量插入?以下是小编为您带来的关于批量在Excel表格中插入多列行,希望对您有所帮助。批量在E…

wps文档里面怎么设置内部超链接wps

wps文档里面怎么设置内部超链接wps

文档,设置,超链接,方法,步骤,  日常工作中,处理文档和制作文档的时候,很多时候都会涉及到内部文件不同部分的超链接。那么要怎么做呢?下面小编告诉你wps文档设置内部超链接的方法。希望对你有帮助!wps文档里面设置内部超链接的步骤首先,我们…

word2013使用审阅功能的两种方法

word2013使用审阅功能的两种方法

方法,功能,两种,电脑软件,strong,  用户在使用Word2013编辑文档时,有时可能会发现&ldquo;审阅&rdquo;选项卡不显示了。其实Word2013功能区中的选项卡可以自定义显示或不显示,那么下面就由小编给大家分享下word2013使用审阅功能的技巧,希望能…

wps打不开excel表格怎么办

wps打不开excel表格怎么办

解决方法,教程,表格,打不开,无法打开,  excel可以进行各种数据的处理,最常见的问题莫过于excel表格打不开了,遇到这种情况我们应该怎么办呢?excel表格无法打开的解决方法其实很简单,下面小编马上就告诉大家excel表格无法打开的解决方法。exc…

javascript 网页进度条简单实例

javascript 网页进度条简单实例

网页,简单实例,进度条,电脑软件,javascript,javascript 网页进度条简单实例 最近学习新的知识,遇到一个小功能网页进度条,发现一篇文章还是不错的,这里记录下,也许能帮助到大家,实例代码:<!DOCTYPE html><html><head><style>#box {…

excel2003调整行高的教程

excel2003调整行高的教程

调整,教程,行高,电脑软件,  Excel中的行高该如何调整呢?接下来是小编为大家带来的excel2003调整行高的教程,供大家参考。excel2003调整行高的教程:  调整行高步骤1:打开Excel2003,鼠标移动到下图红色方框处,左键按住不放,往下拉。   调整行…

在Word2007文档中怎么设置剪贴画位

在Word2007文档中怎么设置剪贴画位

位置,文档,设置,剪贴画,精确,  尽管Word2007提供了多种预设的剪贴画位置供用户选择,但在实际的Word文档编辑和排版工作当中,用户往往希望能更精确地控制剪贴画在Word文档页面中的位置。以下是小编为您带来的关于在Word2007文档中精确设置剪…