UTILS.
100% ブラウザ内で完結
tw

Tailwindパレットジェネレーター

任意のベースカラーからTailwind風の50〜950の濃淡スケールを生成します。

スウォッチをクリックするとhex値をコピーできます。

このツールについて

ベースカラーのHSL明度を調整して、Tailwind風の11段階の濃淡スケール(50から950まで)を生成します。すべてブラウザ内で動作します。

よくある質問

スケールはどのように生成されますか?
ベースカラーの色相と彩度はそのままに、明度を各ステップに合わせてTailwind風の目標値に設定します。50(最も明るい)から950(最も暗い)までを生成します。
色合いをコピーするには?
いずれかのスウォッチをクリックすると、そのhex値がクリップボードにコピーされます。

その他のツール