グローバルツールハブ
現在の言語: Japanese

Palette Generator

ベースカラーを選ぶと、UI やブランディング向けのパレットをすぐに作成できます。

使い方

  1. HEX 値を入力するか(例: #4F46E5)、カラーピッカーを使います。
  2. 「パレットを生成」を押して配色を生成します。
  3. 各カードから HEX 値をコピーできます。

6 桁の HEX を使用してください(例: #2563EB)。

生成されたパレット

選択したベースカラーからバランス良く作成された色です。

ベース

HEX

#4F46E5

補色

HEX

#DDE548

類似色 (-30°)

HEX

#488FE5

類似色 (+30°)

HEX

#9E48E5

明るいバリエーション 1

HEX

#726BEA

明るいバリエーション 2

HEX

#8D87EE

明るいバリエーション 3

HEX

#A7A3F2

暗いバリエーション 1

HEX

#3F38B7

暗いバリエーション 2

HEX

#332E95

暗いバリエーション 3

HEX

#282373