カラーシェード＆ティントジェネレーター

任意の色の10種類のシェードと10種類のティントを瞬時に生成。デザイナーや開発者向けの無料オンラインカラーパレットツール。

Shades → #000000

Click to copy

Tints → #FFFFFF

Click to copy

使い方

  1. HEXコード、RGB値、またはビジュアルカラーピッカーを使ってベースカラーを入力します。
  2. ツールが自動的に黒を混合して10段階のシェード（暗いバリエーション）を生成します。
  3. 白を混合して作られた10段階のティント（明るいバリエーション）を確認します。
  4. パレット内の任意のカラーチップをクリックして、そのHEXコードをクリップボードにコピーします。
  5. 生成されたパレットをデザインや開発プロジェクトにそのまま活用しましょう。

例

入力: #0077B6
結果: シェード (10): #006ba4, #005f92, #005380, #00476e, #003b5c, #002f4a, #002338, #001726, #000b14, #00050a ティント (10): #1a85be, #3393c6, #4da1ce, #66afd6, #80bdde, #99cbe6, #b3d9ee, #cce7f6, #e6f3fb, #f2f9fd

よくある質問

シェードはベースカラーに黒を混ぜることで作られる暗い色です。ティントはベースカラーに白を混ぜることで作られる明るい色です。

はい、完全に安全です。すべての処理はブラウザ内（クライアントサイド）で行われます。どのサーバーにもデータは送信されません。

はい、HEXコード、RGB値、ビジュアルカラーピッカーのいずれでも入力できます。

入力したカラーに対して、シェード10色とティント10色、合計20色のパレットが生成されます。

はい、登録不要で完全無料で使用できます。