npmpackage.info

Gathering detailed insights and metrics for invert-color

Other packages similar to invert-color

invert-kv

4.2.0

Invert the key/value of an object. Example: `{foo: 'bar'}` → `{bar: 'foo'}`

@jimp/plugin-color

1.6.0

@jimp/plugins

0.22.12

Default Jimp plugin.

@jimp/plugin-invert

0.22.12

invert an image.

Gathering detailed insights and metrics for invert-color

invert-color

Generates inverted (opposite) version of the given color. (<1KB)

2.0.0

291

MIT

TypeScript

751.00 B

5,660,001 1.7

Installations

npm install invert-color

Pull Requests

Open

1

Total

5

Closed

1

Merged

3

Issues

Open

2

Total

18

Closed

16

Releases

invert-color v2.0.0

v2.0.0

Published on 11 Nov 2018

invert-color v1.5.0

v1.5.0

Published on 22 Aug 2018

invert-color v1.2.3

v1.2.3

Published on 05 Apr 2018

invert-color v1.2.2

v1.2.2

Published on 07 Dec 2017

invert-color v1.2.0

v1.2.0

Published on 24 Nov 2017

invert-color v1.1.0

v1.1.0

Published on 07 Nov 2017

View all 7 releases

Developer

onury

Developer Guide

BETA

Module System

CommonJS, UMD

Min. Node Version

Typescript Support

Yes

Node Version

8.12.0

NPM Version

6.4.1 Statistics

291 Stars

120 Commits

21 Forks

2 Watching

1 Branches

3 Contributors

Updated on 26 Sept 2024

Bundle Size

1.35 kB

Minified

751.00 B

Minified + Gzipped

Bundlephobia

Languages

TypeScript (61.27%)

JavaScript (33.71%)

HTML (3.94%)

CSS (1.08%)

Total Downloads

Cumulative downloads

Total Downloads

5,660,001

Last day

-5.4%

13,333

Compared to previous day

Last week

26.1%

86,260

Compared to previous week

Last month

9.9%

302,309

Compared to previous month

Last year

97.8%

3,000,152

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@types/jest @types/node coveralls fork-ts-checker-webpack-plugin jest jest-cli rimraf rollup ts-jest tslint typescript uglifyjs

Versions

invert-color

© 2021, Onur Yıldırım (@onury). MIT License.

Generates inverted (opposite) version of the given color. (<1KB)

This passes a long test suite of Adobe Photoshop CC inverted colors...
Generating exactly the same results with it.

Invert Animation

Usage

npm i invert-color

1// Node, CommonJS
2const invert = require('invert-color');
3// ES2015, JSNext
4import invert from 'invert-color';
5// TypeScript
6import invert, { RGB, RgbArray, HexColor, BlackWhite } from 'invert-color';

For UMD in browser, use lib/invert.min.js. See other exports.

`invert(color[, bw])`

color : String|Array|Object
Color in HEX string, RGB array or RGB object to be inverted.
bw : Boolean|Object
Optional. A boolean value indicating whether the output should be amplified to black (#000000) or white (#ffffff), according to the luminance of the original color. You can set custom black/white values (and/or luminance threshold) by passing an object.

1invert('#000')              // —> #ffffff
2invert('#282b35')           // —> #d7d4ca
3
4// input color as RGB array or object
5invert([69, 191, 189])              // —> #ba4042
6invert({ r: 249, g: 119, b: 121 })  // —> #068886
7
8// amplify to black or white
9invert('#282b35', true)     // —> #ffffff
10
11// amplify to custom black or white color
12invert('#282b35', { black: '#3a3a3a', white: '#fafafa' })     // —> #fafafa
13
14// amplify with custom luminance threshold (default is invert.defaultThreshold = ~0.179)
15invert('#282b35', { black: '#3a3a3a', white: '#fafafa', threshold: 0.01 })     // —> #3a3a3a

`invert.asRGB(color[, bw])`

Invert and output result as RGB object.

1invert.asRGB('#fff')          // —> { r: 0, g: 0, b: 0 }

`invert.asRgbArray(color[, bw])`

Invert and output result as RGB array.

1invert.asRgbArray('#000')      // —> [255, 255, 255]

bw option

This is useful in case, you need to create contrast (i.e. background vs foreground, for better readability). The animation at the top is a demonstration.

Contributing

Clone original project:

1git clone https://github.com/onury/invert-color.git

Install (dev) dependencies:

1npm install

Add tests into test/unit.test.ts and run:

1npm run cover

Travis build should pass, coverage should not degrade.

Change-Log

v2.0.0 (2018-11-09)

Breaking: In order to be consistent; now using default export only. Added ESM, UMD, CommonJS bundles (with rollup). See Usage section.
In addition to main, package.json now also defines module, jsnext:main and browser.
Added threshold: number to BlackWhite options (interface). Fixes #16.
Added invert.defaultThreshold constant.

v1.5.0 (2018-08-22)

Re-written in TypeScript.
Added .asRGB() - alias of .asRgbObject().

v1.2.3 (2018-04-05)

Better error messages. (PR #9 by @CAYdenberg) Fixes #8.

v1.2.2 (2017-12-07)

Fixed an issue with UMD output. Fixes #7.
(Dev) Adapted webpack for UMD.

v1.2.0 (2017-11-24)

Added UMD support. (PR #6 by @criography - revised for latest Babel.)
(Dev) Migrated tests to Jest (dropped Jasmine).

v1.1.0 (2017-11-07)

Added ability to customize black/white color values. (PR #3 by @BrainCrumbz)
Fixed typo. (PR #1 by @villfa)
Minor revisions.

v1.0.0 (2017-08-22)

Initial version.

License

MIT.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

63 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6
Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546
Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3
Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp
Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr
Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3
Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

1.7

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More