good-friends-colorsは2つの色が似た色かどうかを判定する事が出来ます。

インストール

npm:

$ npm install good-friends-colors

yarn:

$ yarn add good-friends-colors

使い方

2つの色が似ているかの判定

「人の目で違う色と判断しづらいもの」をCIEDE2000色素式と呼ばれる計算式で判定します。

import gf from 'good-friends-colors'

const c1 = { r: 20, g: 192, b: 59 }
const c2 = { r: 30, g: 188, b: 63 }

const result = gf(c1).isGoodFriend(c2)
console.log(result)
// => true

import gf from 'good-friends-colors'

const c1 = { r: 20, g: 192, b: 59 }
const c2 = { r: 255, g: 188, b: 63 }

const result = gf(c1).isGoodFriend(c2)
console.log(result)
// => false

2つの色の差を求める

2つの色の差を求めます。
こちらでもCIEDE2000色素式を使用しています。

import gf from 'good-friends-colors'

const c1 = { r: 20, g: 192, b: 59 }
const c2 = { r: 30, g: 188, b: 63 }

const result = gf(c1).diff(c2)
console.log(result)
// => 1.238409519990517

import gf from 'good-friends-colors'

const c1 = { r: 20, g: 192, b: 59 }
const c2 = { r: 255, g: 188, b: 63 }

const result = gf(c1).diff(c2)
console.log(result)
// => 40.10746575803398

オプション

似た色かを判定する際の許容値を変更出来ます。

default: 2

import gf from 'good-friends-colors'

const c1 = { r: 20, g: 192, b: 59 }
const c2 = { r: 5, g: 192, b: 120 }

const diff = gf(c1).diff(c2)
console.log(diff)
// => 9.302586534325725


const result1 = gf(c1).isGoodFriend(c2)
console.log(result1)
// => false

const result2 = gf(c1).isGoodFriend(c2, 10)
console.log(result2)
// => true