UTILS.
プライバシーを標準に
tw

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

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

ファイルはこの端末に残ります

ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。

ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。

プライバシー →
スウォッチをクリックするとhex値をコピーできます。

このツールについて

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

よくある質問

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

その他のツール