WebTools
🇺🇸🇯🇵🇨🇳🇰🇷

カラーミキサー

2色を混ぜ合わせた結果をRGB・HEX・HSLで確認します。

#a79c98

Gradient palette (7 steps)

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

関連ツール

カラーコード変換（HEX/RGB/HSL）CSSカラー名一覧グラデーション生成カラーコントラスト確認

カラーミキサーの主な使い方・用途

  • ✓色の混合確認
  • ✓グラデーションパレットの作成
  • ✓デザインの配色作業

使い方（ステップ別）

  1. 1
    2色を選ぶ— カラーピッカーで2つの色を選択します。
  2. 2
    ミックス比率を調整する— スライダーで混合比率を設定します。

このツールの特徴

  • ●2色の混合計算
  • ●7段階のグラデーション
  • ●HEX出力・コピー機能

このツールについて

2色を混ぜ合わせた結果をRGB・HEX・HSLで確認します。