操作
補色モードを選び、Spaceキーで生成
結果
コピー可能なHEX値で構成された調和の取れたパレット
デザインツール
パレットジェネレーター - ルールベースの配色セット
モノクローム、類似色、補色、トライアド、完全ランダムなどのルールで配色を生成できます。個別 swatch をロックし、残りだけ再生成して UI 検討やブランド派生色づくりに使えます。
パレット色調和
このツールをお気に入りに
お気に入りの保存方法がまだ選ばれていません。
クイック操作
このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。
设计配色
パレットジェネレーター
点击颜色代码复制，点击锁图标锁定该颜色
利用シーン
- 新規プロジェクト向けの初期パレットを探る
- 補色や類似色ルールでブランド色の派生を作る
- 主色を固定しつつ残りだけランダム生成する
使い方
- 生成モードを選ぶ
- Generate を押すか Space で別のセットを作る
- 残したい swatch をロックし、値をコピーする
入出力サンプル
FAQ
主色を 1 つ固定したまま使えますか？
はい。swatch のロックをクリックすると、その色は保持されたまま未ロックの色だけが次回生成で置き換わります。
どの生成モードがありますか？
モノクローム、類似色、補色、トライアド、完全ランダムに対応しています。
ツール
関連ツール
近い用途の翻訳済みツールへ続けて進めます。
配色ハーモナイザー
配色ハーモナイザー - 定番配色ルール
基準色を 1 つ選び、complementary、analogous、triadic、tetradic、split-complementary、monochromatic などのルールで配色を生成できます。UI 上で見え方を確認し、brand や component 向けの CSS variable として書き出せます。
Palette Color Harmony
カラーフォーマット変換
カラーフォーマット変換 - HEX、RGB、HSL オンライン
HEX、RGB、HSL、HWB、CMYK、CSS 変数のあいだで色をブラウザ内変換できます。カラーピッカーとランダムカラー補助も備え、デザインの引き継ぎ、スタイルシート作業、ブランドカラー整合に役立ちます。
カラー HEX RGB
パステルカラージェネレーター
パステルカラージェネレーター - 柔らかい低彩度パレット
柔らかいパステル調やモランディ風の配色をブラウザ内で生成できます。色数やスタイルを選び、残したい swatch をロックして、チャート、背景、やさしい UI テーマ向けに HEX 一覧や CSS 変数として書き出せます。
パステル パレット 色