不透明度ティント生成器
任意の色から不透明度バリエーションで完全なティントパレットを生成します。
色見本パレット
50#f7f7feコピー
100#eff0feコピー
200#e0e0fcコピー
300#d0d1fbコピー
400#c1c2f9コピー
500#b1b3f8コピー
600#a1a3f7コピー
700#9294f5コピー
800#8285f4コピー
900#7375f2コピー
このツールについて
不透明度ティントジェネレーターは、単一の基本色を異なる不透明度レベルで混合することで、完全なカラーパレットを作成するデザインユーティリティです。色が10%、30%、50%などでどのように見えるかを手動で計算する代わりに、このツールは全スペクトラムを瞬時に生成し、一貫性のあるユーザーインターフェースを構築するデザイナーと開発者にとって完璧です。
ツールは選択した色を取り、設定された不透明度レベルでバリエーションを生成することで機能します。Tailwindの標準命名規則(50〜900)を使用するか、単純なパーセンテージステップ(10%〜100%)を使用します。任意のスウォッチを16進コードまたはCSS rgba()値として即座にコピーできます。これはボタン、背景、オーバーレイ、および単一のブランドカラーから描画されるホバー状態の設計時に特に価値があります。
よくある質問
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.