ティント・シェード・トーン計算ツール
任意のHexカラーのティント(白を混ぜる)、シェード(黒を混ぜる)、トーン(グレーを混ぜる)を計算します。
このツールは役に立ちましたか？
ありがとうございます。ツールの改善に役立てます。
このツールの使い方
- 基準となるHexカラーを入力します。
- ティント、シェード、トーンのいずれを作成するか選びます。
- 分量を設定します(0% = 元の色、100% = 純粋な白/黒/グレー)。
デザインパレット作成のために、任意の色からティント、シェード、トーンを作成します。ティントは白を、シェードは黒を、トーンはグレーを加えます。
計算式
Given a base color (R, G, B) and an amount a (0–100% expressed as a fraction 0–1):
Tint (mix with white): R' = R + (255 − R) × a
Shade (mix with black): R' = R × (1 − a)
Tone (mix with grey, 128): R' = R + (128 − R) × a
The same formula applies to the G and B channels independently. Channels are rounded to integers and clamped to 0–255.
よくある質問
- ティントとは何ですか?
- ティントは白を混ぜた色で、より明るくなります。
- シェードとは何ですか?
- シェードは黒を混ぜた色で、より暗くなります。
- トーンとは何ですか?
- トーンはグレーを混ぜた色で、明度を大きく変えずに彩度を下げます(より落ち着いた色になります)。