> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/redux/repos/examples/real-world/node_modules/hex-color-regex.md). # hex-color-regex > The best regular expression (regex) for matching hex color values from string. [![code climate](https://img.shields.io/codeclimate/github/regexps/hex-color-regex.svg)](https://codeclimate.com/github/regexps/hex-color-regex) [![standard code style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://github.com/feross/standard) [![travis build status](https://img.shields.io/travis/regexhq/hex-color-regex.svg)](https://travis-ci.org/regexhq/hex-color-regex) [![coverage status](https://img.shields.io/codeclimate/coverage/github/regexps/hex-color-regex.svg)](https://codeclimate.com/github/regexps/hex-color-regex) [![dependency status](https://img.shields.io/david/dev/regexhq/hex-color-regex.svg)](https://david-dm.org/regexhq/hex-color-regex) ## Install ``` npm i hex-color-regex --save npm test ``` ## Usage > For more use-cases see the [tests](https://github.com/bgoonz/Learning-Redux/blob/master/repos/examples/real-world/node_modules/hex-color-regex/test.js) * `[opts]` **{Object}** pass `strict: true` for strict mode * `return` **{RegExp}** **Example** ```js var hexColorRegex = require('hex-color-regex') hexColorRegex().test('#f3f}') //=> true hexColorRegex({strict: true}).test('#f3f}') //=> false hexColorRegex().test('foo #f3f bar') //=> true hexColorRegex({strict: true}).test('foo #f3f bar') //=> false hexColorRegex().test('#a54f2c}') //=> true hexColorRegex({strict: true}).test('#a54f2c}') //=> false hexColorRegex().test('foo #a54f2c bar') //=> true hexColorRegex({strict: true}).test('foo #a54f2c bar') //=> false hexColorRegex().test('#ffff') //=> false hexColorRegex().test('ffff') //=> false hexColorRegex().test('#fff') //=> true hexColorRegex().test('fff') //=> false hexColorRegex().test('#4g1') //=> false hexColorRegex().test('4g1') //=> false hexColorRegex().test('#zY1') //=> false hexColorRegex().test('zY1') //=> false hexColorRegex().test('#7f68ZY') //=> false hexColorRegex().test('7f68ZY') //=> false hexColorRegex().test('ffffff') //=> false hexColorRegex().test('#afebe3') //=> true hexColorRegex().test('#AFEBE3') //=> true hexColorRegex().test('#3cb371') //=> true hexColorRegex().test('#3CB371') //=> true hexColorRegex().test('#556b2f') //=> true hexColorRegex().test('#556B2F') //=> true hexColorRegex().test('#708090') //=> true hexColorRegex().test('#7b68ee') //=> true hexColorRegex().test('#7B68EE') //=> true hexColorRegex().test('#eeeeee') //=> true hexColorRegex().test('#ffffff') //=> true hexColorRegex().test('#111111') //=> true hexColorRegex().test('#afe') //=> true hexColorRegex().test('#AF3') //=> true hexColorRegex().test('#3cb') //=> true hexColorRegex().test('#3CB') //=> true hexColorRegex().test('#b2f') //=> true hexColorRegex().test('#5B2') //=> true hexColorRegex().test('#708') //=> true hexColorRegex().test('#68e') //=> true hexColorRegex().test('#7AF') //=> true hexColorRegex().test('#777') //=> true hexColorRegex().test('#FFF') //=> true hexColorRegex().test('#fff') //=> true ``` ## Matching groups * `match[0]` hex value with hash - `#f3f3f3` * `match[1]` hex value without the hash - `f3f3f3` **Example** ```js hexColorRegex().exec('foo #fff bar') //=> [ '#fff', 'fff', index: 4, input: 'foo #fff bar' ] hexColorRegex({strict: true}).exec('foo #fff bar') //=> null hexColorRegex().exec('foo #f3f3f3 bar') //=> [ '#f3f3f3', 'f3f3f3', index: 4, input: 'foo #f3f3f3 bar' ] hexColorRegex({strict: true}).exec('foo #f3f3f3 bar') //=> null ``` ## Related * [benz](https://github.com/tunnckocore/benz): Compose your control flow with absolute elegance. Support async/await, callbacks, thunks, generators, promises, observables, child… [more](https://github.com/tunnckocore/benz) * [is-hexcolor](https://github.com/tunnckocore/is-hexcolor): Check that given value is valid hex color, using `hex-color-regex` - the best regex for… [more](https://github.com/tunnckocore/is-hexcolor) * [is-ansi](https://github.com/tunnckocore/is-ansi): Check that given string contain ANSI color codes, without CLI * [is-missing](https://github.com/tunnckocore/is-missing): Check that given `name` or `user/repo` exists in npm registry or in github as user… [more](https://github.com/tunnckocore/is-missing) * [is-kindof](https://github.com/tunnckocore/is-kindof): Check type of given javascript value. Support promises, generators, streams, and native types. Thin wrapper… [more](https://github.com/tunnckocore/is-kindof) * [is-typeof-error](https://github.com/tunnckocore/is-typeof-error): Check that given value is any type of error and instanceof Error * [is-async-function](https://github.com/tunnckocore/is-async-function): Check that given function is async (callback) function or not. Trying to guess that based… [more](https://github.com/tunnckocore/is-async-function) * [kind-error](https://github.com/tunnckocore/kind-error): Correct inheriting from `Error`. Supports constructing from an object of properties - focused on assertion. * [kind-of-extra](https://github.com/tunnckocore/kind-of-extra): Extends `kind-of` type check utility with support for promises, generators, streams and errors. Like \`kindof(Promise.resolve(1))… [more](https://github.com/tunnckocore/kind-of-extra) * [vez](https://github.com/tunnckocore/vez): Middleware composition at new level. Ultimate alternative to `ware`, `plugins`, `koa-compose` and `composition` packages. Allows… [more](https://github.com/tunnckocore/vez) ## Contributing Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](https://github.com/regexhq/hex-color-regex/issues/new).\ But before doing anything, please read the [CONTRIBUTING.md](https://github.com/bgoonz/Learning-Redux/blob/master/repos/examples/real-world/node_modules/hex-color-regex/CONTRIBUTING.md) guidelines. ## [Charlike Make Reagent](http://j.mp/1stW47C) [![new message to charlike](https://img.shields.io/badge/send%20me-message-green.svg)](https://github.com/tunnckoCore/messages) [![freenode #charlike](https://img.shields.io/badge/freenode-%23charlike-5654a4.svg)](http://webchat.freenode.net/?channels=charlike) [![tunnckocore.tk](https://img.shields.io/badge/www-tunnckocore.tk-fe7d37.svg)](http://www.tunnckocore.tk) [![keybase tunnckocore](https://img.shields.io/badge/keybase-tunnckocore-8a7967.svg)](https://keybase.io/tunnckocore) [![tunnckoCore npm](https://img.shields.io/badge/npm-~tunnckocore-cb3837.svg)](https://www.npmjs.com/~tunnckocore) [![tunnckoCore twitter](https://img.shields.io/badge/twitter-@tunnckoCore-55acee.svg)](https://twitter.com/tunnckoCore) [![tunnckoCore github](https://img.shields.io/badge/github-@tunnckoCore-4183c4.svg)](https://github.com/tunnckoCore)