ツール ガイド
design 無料 サインアップ不要

カラーミキサー

ライブグラデーションプレビューで、RGB、RYB減法、HSL、または知覚的Lab混合モードを使用して2色を混合します。

ツールを読み込み中…

このツールについて

カラーピッカーで2色を選択するか、16進数値を入力して、割合スライダーを0から100%の範囲でドラッグして混合します。4つの混合モード(RGB加法、RYB減法(従来の絵の具)、HSL補間、知覚的Lab混合)から選択し、結果をHEX、RGB、HSLの値で確認できます。5ステップのグラデーションストリップは2色の間の全範囲を表示します。

使い方

  1. 1 ステップ1:カラーピッカーを使用するか、入力フィールドに16進数コードを直接入力して、カラーAとカラーBを選択してください。
  2. 2 ステップ2:モードセレクターからRGB、RYB(絵の具のような)、HSL、またはLab(知覚的)の混合モードを選択してください。
  3. 3 ステップ3:割合スライダーをドラッグして、混合においてカラーAとカラーBの比率を設定してください。
  4. 4 ステップ4:混合色のHEX、RGB、またはHSL値をコピーし、5ステップのグラデーションストリップを中間色の参考として使用してください。

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}