Wondering what’s next for npm?Check out our public roadmap! »

    hex-color-regex
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/hex-color-regex package

    1.1.0 • Public • Published

    hex-color-regex npmjs.com The MIT License

    The best regular expression (regex) for matching hex color values from string.

    code climate standard code style travis build status coverage status dependency status

    Install

    npm i hex-color-regex --save
    npm test
    

    Usage

    For more use-cases see the tests

    • [opts] {Object} pass strict: true for strict mode
    • return {RegExp}

    Example

    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

    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: Compose your control flow with absolute elegance. Support async/await, callbacks, thunks, generators, promises, observables, child… more
    • is-hexcolor: Check that given value is valid hex color, using hex-color-regex - the best regex for… more
    • is-ansi: Check that given string contain ANSI color codes, without CLI
    • is-missing: Check that given name or user/repo exists in npm registry or in github as user… more
    • is-kindof: Check type of given javascript value. Support promises, generators, streams, and native types. Thin wrapper… more
    • is-typeof-error: Check that given value is any type of error and instanceof Error
    • is-async-function: Check that given function is async (callback) function or not. Trying to guess that based… more
    • kind-error: Correct inheriting from Error. Supports constructing from an object of properties - focused on assertion.
    • kind-of-extra: Extends kind-of type check utility with support for promises, generators, streams and errors. Like `kindof(Promise.resolve(1))… more
    • vez: Middleware composition at new level. Ultimate alternative to ware, plugins, koa-compose and composition packages. Allows… more

    Contributing

    Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.
    But before doing anything, please read the CONTRIBUTING.md guidelines.

    Charlike Make Reagent new message to charlike freenode #charlike

    tunnckocore.tk keybase tunnckocore tunnckoCore npm tunnckoCore twitter tunnckoCore github

    Install

    npm i hex-color-regex

    DownloadsWeekly Downloads

    7,515,152

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • avatar