Harmony

Harmonyは選択する主色に合わせて調和色を同時検出してくれるReactアプリ向けのカラーピッカーです。カラーホイールから選択するタイプになっています。

従来のカラーピッカーのように、ただ色を取得するだけでなく、基本的には複数色を同時取得するためのもので、1つのメインカラーを取得するだけで、その色と調和する色を自動で同時取得してくれます。

類似色、トライアド配色、テトラッド配色、スプリットコンプリメンタリー配色、スクエア型などが用意されており、それぞれ異なる調和色を抽出出来るようになっています。以下は使い方例です。

import {ColorWheel} from '@newfrgmnt/harmony';

export const MyColorPicker = () => {
    return (
        <ColorWheel harmony="analogous" radius={200} />
    );
}

上記は類似色を指定しています。必要に応じてプロパティをtetradicやtriadなどに変更してください。

需要や用途は限定的ですが、珍しいライブラリですし覚えておいても損はないのではないでしょうか。ライセンスはMITです。

Harmony