色の色合い/陰の発電機
ベースカラーの色合いと色合いを生成
tools.colorTintShadeGenerator.title
tools.colorTintShadeGenerator.description
tools.colorTintShadeGenerator.clickToCopy
Color Tint Shade Generator を使用して、色の色合いと色合いを生成します。デザインの一貫性を保つために、ベースカラーから明るい色合いと暗い色合いを作成します。
主な機能
色合い (明るいバリエーション) と色合い (暗いバリエーション) を生成します
単色からの自動パレット生成
強度とバリエーションの数を調整可能
個々の色またはパレット全体をコピー
アクセシビリティのための色のコントラストのチェック
CSS変数またはJSONとしてエクスポート
カラーティントシェードジェネレーター
ベースカラーを選択
カラーピッカーを使用して主な色を選択します
パレットの生成
このツールは色合いと色合いのバリエーションを自動的に生成します
バリエーションを見る
ベースカラーの上に明るい色合い、下に暗い色合いを参照してください。
カラーをコピー
個々の色の四角形をクリックして 16 進コードをクリップボードにコピーします
デザインでの使用
パレットをデザイン システムに適用して、一貫したバリエーションを実現します
ユースケース
状態 (ホバー、アクティブ、無効) の UI コンポーネントのカラー バリエーションを作成する
単一色から包括的なブランド カラー パレットを構築
適切なコントラストを備えた使いやすい配色の開発
背景とボタンの一貫したグラデーションをデザインする
よくある質問
ティントとシェードの違いは何ですか？
ベースカラーの色合いが明るくなり (白が追加)、色合いが暗くなります (黒が追加)
どれだけのバリエーションが生まれるのか？
通常、9 つの色合いと 9 つのシェードがベース カラーから生成されます
強さを調整できますか？
はい、生成強度を制御して、微妙または極端な変化を作成します
バリエーションはアクセシビリティに適していますか?
このツールはコントラスト比をチェックし、利用可能な組み合わせを強調表示します。
Tool Information
Related Tools You Might Like
画像からカラーパレットジェネレータ
画像からドミナント色を抽出する
RGB/HEXコンバーター
RGBとHEXのカラーフォーマット間で変換
CSS グラデーションジェネレータ
プレビューでカスタムCSSグラデーションを作成
WCAG コントラストチェッカー
WCAG規格に準拠したカラーコントラストをチェック
デジタル署名ジェネレータ
異なるフォントで固定されたデジタル署名を作成する
箱の影の発電機
CSS ボックスの影を生成する
サーフボードボリューム計算機
あなたの体重、経験レベル、波条件に基づいて完璧なサーフボードのボリュームを計算します.
波の高さのコンバーター
異なる波高さ測定(顔の高さ、ハワイアンスケール、オーシャンズウェル)間で変換します.
スキューバダイビングプランナー
深さの限界、最下の時間および安全解凍の条件のあなたのscubaの潜水艦を計画して下さい.