Glyph WidgetsGlyph Widgets
概要お問い合わせプライバシー利用規約Ko-fiでサポート

© 2026 Glyph Widgets. All rights reserved.

·

100%クライアントサイド処理

カラーブレンダー

最終更新: 2026年3月5日

2色を混合してスムーズなグラデーションと中間色を作成します。カスタムステップ数でカラーパレットを生成します。

#FF6B6B
#4ECDC4

合計色数: 7

#ff6b6b
#e27b7a
#c48c89
#a79c98
#89aca6
#6cbdb5
#4ecdc4
共有

Saved Presets is a Supporter feature.

Tool History is a Supporter feature.

Tool Notes is a Supporter feature.

機能

  • ▶任意の2色をブレンド
  • ▶調整可能なステップ数(1-30)
  • ▶ブレンドした色をリアルタイムでプレビュー
  • ▶個別の色またはパレット全体をコピー
  • ▶HEX、RGB、HSL出力形式
  • ▶入力用のビジュアルカラーピッカー
  • ▶パレットをJSONでエクスポート
  • ▶100%クライアントサイド処理

使い方

1

色を選択

カラーピッカーを使用して開始色と終了色を選択してください。

2

ステップを設定

スライダーを調整して生成する中間色の数を選択してください。

3

コピーまたはエクスポート

個別の色をクリックしてコピーするか、パレット全体をJSONとしてエクスポートしてください。

線形補間

各ステップで、ツールは式:色 = 色1 + (色2 - 色1) * t を使用して中間RGB値を計算します。

ステップ計算

色の総数はステップ + 2(開始色と終了色を含む)に等しくなります。

カラーフォーマット

内部計算は精度のためにRGBを使用します。結果は表示とコピーのためにHEXに変換されます。

グラデーションプレビュー

グラデーションバーは、ブレンドが連続的な遷移としてどのように見えるかを表示します。

よくある質問

このツールは選択した2色の RGB 値を補間して中間色を計算します。

関連ツール

パレットジェネレーター

カラーハーモニーを生成

グラデーションジェネレーター

CSSグラデーションを作成

カラーコンバーター

カラーフォーマットを変換