ToolHub logoToolHub
Color & CSS Tools

カラーミキサー

2色を指定の割合でブレンドします。

#3b82f6

#95639d

#ef4444

使い方

  1. 色A・Bを選択
  2. 混合比を調整

カラーミキサーについて

2色のHEXカラーを指定した比率でブレンドし、中間色のHEXを生成する無料ツールです。デザインシステムの中間色作成に。

よくある質問

何色空間で混色？

sRGB空間で線形補間します。

関連ツール

Color Picker

カラーピッカーで色を選び、HEX/RGB/HSL値を取得します。

使ってみる

RGB to HEX

RGB値をHEX(16進数)カラーコードに変換します。

使ってみる

HEX to RGB

HEXカラーコードをRGB値に変換します。

使ってみる

Gradient Generator

2色と角度からCSSグラデーションを生成します。

使ってみる

おすすめツール

JSON Formatter

JSONを読みやすく整形します。インデント、改行を自動付与。

使ってみる

Regex Tester

正規表現とテキストのマッチをリアルタイムで確認できます。

使ってみる

QR Code Generator

URLやテキストからQRコードを生成します。

使ってみる
← Color & CSS Toolsの一覧に戻る