メインコンテンツにスキップ
ToolShed
ホーム
人気
新着ツール
すべてのツール
読み込み中...
ホーム
カラー
CSS色混合
カラー
無料
登録不要
CSS色混合
2色を指定比率で混合した新しい色を計算する無料オンラインツール。
Input
Result
2色と比率を入力(例:#ff0000 #0000ff 50)
Copy
FAQ
よくある
質問
使い方を教えてください。
+
画面の入力欄に処理したい値を入れるだけで、CSS色混合が即座に結果を表示します。コピー ボタンで結果をワンクリックでクリップボードに送れます。
料金はかかりますか？
+
HEX、RGB、HSLのどのフォーマットに対応していますか？
+
関連ツール
こちらも
おすすめ
二色混合
2つのHEXカラーを平均化して混合する無料オンラインツール。
CSSカラー関数ガイド
CSSの色指定関数(rgb/hsl/hwb/oklch/color-mix等)の書き方と例を表示する無料オンラインツール。
アクセシブルカラー生成
WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。
ANSIカラー一覧
ANSI 16色のコード一覧を表示する無料オンラインツール。ANSIカラー一覧をブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。
CMYK→HEX変換
CMYKカラー値をHEXに変換する無料オンラインツール。
コントラスト比チェッカー
文字色と背景色のコントラスト比をWCAG 2.1基準（AA/AAA）でチェック。アクセシビリティ準拠の色選びに。無料オンラインツール。
CSS Color Mix | Color Tools | ToolShed | ToolShed