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

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

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

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

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
JavaScript

関連記事