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 a 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?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.