カラーパレット — 無料オンラインカラーミキサー&配色生成

色相リング+SVスクエアのカラーピッカー、HSLスライダー、カラー混合、6種の配色理論スキーム、グラデーション生成。全形式出力対応。

無料で使う →

機能

🎨

インタラクティブカラーピッカー

色相リング+彩度・輝度スクエア。ドラッグで正確に任意の色を選択。

📊

HSLスライダー

色相・彩度・明度・アルファを精密なスライダーで微調整。

🔀

カラーミキサー

最大5色を調整可能な比率でミックスしてカスタムブレンドを作成。

🔮

6種の配色スキーム

補色・類似色・三角色・四色・分割補色・モノクロマティックに対応。

🌈

グラデーション生成

線形・放射状グラデーションを作成。CSSグラデーションコードでエクスポート。

📋

全形式出力

HEX・RGB・RGBA・HSL・HSLA・HSV・CMYK・CSS変数で出力。

使い方

1

色を選ぶ

色相リング+SVスクエア、HEXコード入力、またはHSLスライダーで色を選択する。

2

配色を生成

任意の配色理論スキームをクリックして調和のとれたカラーパレットを生成する。

3

カラーをミックス

最大5色を追加してミックス比率を調整し、カスタムブレンドを作成する。

4

エクスポート

個別の色をコピーするか、CSSグラデーションや変数を生成する。

よくある質問

対応している配色理論スキームは何ですか?
6種類:補色(対角)、類似色(隣接)、三角色(等距離3色)、四色(矩形4色)、分割補色、モノクロマティック(同色相・異彩度明度)。
カラーミキサーはどんな仕組みですか?
最大5色を個別の比率で入力します。ミキサーはRGB空間での加重平均でブレンド。比率を調整して各色の影響度をコントロールできます。
対応しているグラデーションタイプは?
線形グラデーション(角度+カラーストップ)と放射状グラデーション(位置+カラーストップ)に対応。それぞれ任意の位置に複数のカラーストップを設定可能。
データはサーバーに送信されますか?
されません。すべてのカラー操作はブラウザ内でJavaScriptによりローカル処理。ネットワーク通信は行いません。

← pudone! ホームへ戻る