カラー計算
オンラインカラーミキサー・混色計算ツール
2 つのデジタルカラーを任意の比率で混ぜ、混色結果の HEX・RGB・HSL をコピー。5 段階・10 段階のなめらかなグラデーションも作成できます。
50%
結果
段階
カラー形式
使い方
画面上の 2 色を選び、sRGB での混合比率を調整します。結果には主要なカラー形式、再利用できる段階スケール、グラデーションやグラフ、UI 用の中間色が含まれます。
- 1 1 色目と 2 色目を選びます。
- 2 混合比率のスライダーを動かします。
- 3 混色結果または段階スケール全体をコピーします。
よくある質問
絵の具を混ぜるのと同じですか？
いいえ。この計算ツールは物理的な顔料ではなく、画面が発する光の色を sRGB で混ぜます。
50% の混合とは？
2 つの色が出力の RGB チャンネルに等しく寄与することを意味します。
色の段階スケールを作れますか？
はい。グラデーション、グラフ、ホバー状態、段階的な UI フィードバック用に 5 段階・10 段階の遷移を作成できます。
混色後にコントラストを確認すべき？
はい。きれいな混色でも文字のコントラストが不足することがあるため、重要な組み合わせはコントラストチェッカーで確認しましょう。