2024年01月17日(水)

選択する主色に合わせて調和色を同時検出してくれるReact向けのカラーピッカー・「Harmony」

• 0
• 32
• 0
• 1

Harmony

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

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

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

import {ColorWheel} from '@newfrgmnt/harmony'; export const MyColorPicker = () => { re...