NPMパッケージのカラーフィルタリング



カラーディテクタは、標準形式ですべてのHTMLの色(256色)を取得するJavaScriptライブラリです.( HEX , RGB , HSLと単純な名前).
このライブラリは、標準のカラー形式の任意のタイプを介してフィルタリングし、それのすべての他の詳細を見つけるのに役立ちます.
Link to NPM package

npm install color-detector --save



用途
// import the library
const {
    accessFromId,
    accessFromName,
    accessFromHexString,
    accessColorFromRGB,
    accessColorFromHSL
} = require('color-detector');

(async () => {
    try {

    // get color from name
    const resultFromName = await accessFromName('Green');
    console.log('result from name :', resultFromName);

    // get color from hex
    const resultFromHex = await accessFromHexString('#000000');
    console.log('result from Hex :', resultFromHex);

    // get color from RGB
    const resultFromRGB = await accessColorFromRGB({
        r: 128,
        g: 0,
        b: 128,
    });
    console.log('result from RGB :', resultFromRGB);

    // get color from HSL
    const resultFromHSL = await accessColorFromHSL({
        h: 0,
        s: 0,
        l: 75,
    });
    console.log('result from HSL :', resultFromHSL);

    // get color from ID
    const resultFromId = await accessFromId(10);
    console.log('result from Id :', resultFromId);

} catch (error) {
    console.log(error);
}
})();
結果:
result from name : {
colorId: 2,
hexString: '#008000',
rgb: { r: 0, g: 128, b: 0 },
hsl: { h: 120, s: 100, l: 25 },
name: 'Green'
}
result from Hex : {
colorId: 0,
hexString: '#000000',
rgb: { r: 0, g: 0, b: 0 },
hsl: { h: 0, s: 0, l: 0 },
name: 'Black'
}
result from RGB : {
colorId: 5,
hexString: '#800080',
rgb: { r: 128, g: 0, b: 128 },
hsl: { h: 300, s: 100, l: 25 },
name: 'Purple'
}
result from HSL : {
colorId: 7,
hexString: '#c0c0c0',
rgb: { r: 192, g: 192, b: 192 },
hsl: { h: 0, s: 0, l: 75 },
name: 'Silver'
}
result from Id : {
colorId: 10,
hexString: '#00ff00',
rgb: { r: 0, g: 255, b: 0 },
hsl: { h: 120, s: 100, l: 50 },
name: 'Lime'
}


リファレンス
ライブラリのavaibleである色は、jonasjacek.github.io/colorsから参照される

ライセンス
(MIT許可)著作権