カラーシェード生成ツール
任意のHEXカラーから、明るいティント5色と暗いシェード5色のパレットを生成します。
このツールは役に立ちましたか？
ありがとうございます。ツールの改善に役立てます。
このツールの使い方
- ベースとなるHEXカラーを入力してください。
- 各方向のステップ数(1–10)を選択してください。
- 出力にはティント(明)、ベース、シェード(暗)の順に一覧表示されます。
HEXカラーを入力すると、明るいティントと暗いシェードのフルパレットが生成され、デザインシステム構築に役立ちます。
計算式
For each tint step i (1 to steps), mixing factor t = i / (steps + 1):Rtint = R + (255 − R) × t (similarly for G, B)
For each shade step j (1 to steps), darkening factor s = j / (steps + 1):Rshade = R × (1 − s) (similarly for G, B)
All channel values are clamped to 0–255 and rounded.
よくある質問
- ティントとシェードの違いは何ですか?
- ティントは色に白を混ぜたもの(明るく)、シェードは色に黒を混ぜたもの(暗く)です。トーンは灰色を混ぜたものです。
- ステップはどのように計算されますか?
- 各ステップは、RGBチャンネルを白(ティントの場合)または黒(シェードの場合)に向かって均等な割合で線形補間します。