カラーシェード & ティントジェネレーター

任意のベースカラーからシェードとティントを生成

16進カラーを入力し、ステップ数を選択します。このツールは2つのスケールを生成します：シェードはベースカラーを黒に向けてブレンドし、ティントは白に向けてブレンドします。スウォッチをクリックすると16進値をコピーできます。スケールは均等に分布しており、デザインシステム、CSSカスタムプロパティ、またはTailwindパレット定義に適した滑らかで予測可能なランプを形成します。

各スウォッチはホバー時に16進値を表示します。ベースカラーは2つのスケールの間に表示されるので、全範囲を一目で確認できます。すべてクライアントサイドで計算されます——アップロードはありません。

よくある質問

シェードとティントの違いは何ですか？ シェードはカラーを黒と混合（暗くする）し、ティントは白と混合（明るくする）します。合わせて完全な明度スケールを作ります。

Tailwindで出力を使えますか？ はい。ティントを明るいキーに、シェードを暗いキーに割り当てて、Tailwindのカラーキー（50〜950）に16進値をマッピングしてください。