zukucode
主にWEB関連の情報を技術メモとして発信しています。

JavaScript 色コードの妥当性チェックをする

#RRGGBBの形式の色コードの妥当性チェックを行います。

正規表現で行います。#fff#FFFのように大文字小文字は両方可能とし、#fff#ffffffのように3桁での指定も可能とします。

function isColor (color) {
  return color.match(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/) !== null;
}
console.log(isColor('#112233')); // true
console.log(isColor('#aabbcc')); // true
console.log(isColor('#ABCEF0')); // true
console.log(isColor('#AAA')); // true
console.log(isColor('#GGHHFF')); // false
console.log(isColor('abc')); // false

続きを表示

関連記事