w3resource

JavaScript: Check whether a given value is hexcolor value or not

JavaScript validation with regular expression: Exercise-17 with Solution

Write a JavaScript function to check whether a given value is hexcolor value or not.

Pictorial Presentation:

JavaScript: Check whether a given value is hexcolor value or not

Sample Solution:-

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to check whether a given value is hexcolor value or not.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function is_hexcolor(str)
{
 regexp = /^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
  
        if (regexp.test(str))
          {
            return true;
          }
        else
          {
            return false;
          }
}

console.log(is_hexcolor("#444"));

console.log(is_hexcolor("#3333"));

Sample Output:

true
false

Flowchart:

Flowchart: JavaScript- Check whether a given value is hexcolor value or not

Live Demo:

See the Pen javascript-regexp-exercise-17 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript function to check whether a given value is hexadecimal value or not.
Next: Write a JavaScript function to check whether a given value represents a domain or not.

What is the difficulty level of this exercise?



JavaScript: Tips of the Day

Assigns default values for all properties in an object that are undefined

Example:

const tips_defaults = (obj, ...defs) => Object.assign({}, obj, ...defs.reverse(), obj);
console.log(tips_defaults({ p: 1 }, { q: 2 }, { q: 6 }, { p: 3 })); 

Output:

[object Object] {
  p: 1,
  q: 2
}