カラーシェード生成

どんな色からでもシェードを生成

ベースとなる色を入力すると、シェードの一覧が即座に得られます。 Tailwind 風の番号付きスケールと、古典的なティント・シェード・トーンを切り替えられます。

スケール (50–950)

スケールは OKLCH の明度を使うため各段階が知覚的に均等になり、明るい端・暗い端では彩度を絞ります。モダンな UI フレームワークのようなバランスの取れたデザイントークンが得られます。

ティント・シェード・トーン

• ティントは色を白へ混ぜます（明るく柔らかく）。
• シェードは黒へ混ぜます（暗く深く）。
• トーンは灰へ混ぜます（落ち着いた印象に）。

使い方

1. ベースカラーを選ぶか、 HEX ・ RGB ・ HSL ・ OKLCH の値を入力します。
2. 「スケール」か「ティント/シェード/トーン」タブを選びます。
3. 任意のスウォッチをクリックすると HEX 値をコピーします。