Random Color
クリックで個別に再生成 / ロックで色を固定
個数
1
2
3
4
5
6
7
8
9
10
系統
?
すべて
赤系
ピンク系
橙系
黄系
ゴールド系
黄緑系
緑系
シアン系
青系
紫系
茶系
モノクロ
全色相からランダム生成
生成する色の系統(色相の範囲)を指定します。「すべて」ならランダム、特定の系統を選ぶとその色相付近だけ生成されます。
トーン
?
バランス
暖色
寒色
淡い
鮮やか
くすみ
重厚
ネオン強め
レトロ
キャンディ
秋
海
夕焼け
高級
バランス型(迷ったらこれ)
色の雰囲気を選びます。暖色/寒色で色相を制限、パステルやネオンで明るさ・彩度を調整します。トーンごとに最適なパレットが生成されます。
🎨 生成
パレット
出力
?
形式
HEX
RGB
HSL
オプション
#なし
コピー
画像保存
履歴に保存
「コピー」で全色のHEXコードをコピー。「画像保存」でPNG画像としてダウンロード。「履歴に保存」で履歴リストに追加。各色スウォッチはクリックで個別再生成、鍵アイコンで色をロックできます。
生成拡張
Light/Dark対
Tokens
共有URL
履歴操作
戻す
やり直し
ワークスペース
?
✎
✕
保存
読込
新規
自動保存
パレットの状態をワークスペースとして名前付きで保存・切替できます。プロジェクトごとに異なるパレットを管理するのに便利です。切替時は自動で状態を読み込みます。
画像抽出
?
画像から抽出
抽出色クリックで基準色に近いパレット再生成
画像ファイルを選択すると主要な色を自動抽出します。抽出された色チップをクリックすると、その色に近いパレットを再生成します。
UIモックプレビュー
?
生成したパレットの色がボタン・カード・入力欄などのUI要素にどう見えるかリアルタイムでプレビューします。
SaaS Dashboard Card
生成色でボタン・カード・フォームの見え方を即時確認
Primary
Secondary
履歴比較ビュー (A/B)
?
2つのパレット状態をA/Bとして保存し、並べて比較できます。「Aを適用」「Bを適用」でワンクリックで切り替えられます。
現在をAに保存
現在をBに保存
A/B比較
Aを適用
Bを適用
A/B未設定
スクショ貼付でUI配色提案
?
UIのスクリーンショットをアップロードまたはCtrl+Vで貼り付けると、画像から主要色を抽出し、改善提案を表示します。
スクショをアップロード
貼り付け待機
スクリーンショットを貼り付け/アップロードすると、主要色と改善提案を表示します。
保存したパレット
まだ保存されたパレットはありません