カラーパレットジェネレーター

プロフェッショナルなカラーパレットの作成、カラーコード変換、画像から色を抽出

カラーパレットジェネレーター＆コンバーター

カラーピッカー

色を選択

カラーコードを入力（HEX、RGB、HSL）

カラーフォーマット

カラー値

HEX: #3b82f6

RGB: rgb(59, 130, 246)

HSL: hsl(217, 91%, 60%)

CMYK: cmyk(76%, 47%, 0%, 4%)

HSB: hsb(217°, 76%, 96%)

カラープレビュー

パレット設定

ベースカラー

パレットタイプ

色数

3 5 12

生成されたパレット

グラデーション設定

グラデーションタイプ

方向

カラーストップ

100%

グラデーションプレビュー

CSSコード

background: linear-gradient(to right, #3b82f6, #8b5cf6);

画像をアップロード

ここに画像をドラッグ＆ドロップ

JPG、PNG、GIF、WebP対応（最大10MB）

抽出された色

抽出方法

最大色数

3 8 16

使用例

Webデザイン

ウェブサイト用の調和のとれたカラーパレットを作成。

#FF6B6B #4ECDC4 #45B7D1...

ロゴデザイン

ブランドアイデンティティのためのプロフェッショナルな配色。

#2C3E50 #E74C3C #F39C12...

ビジュアル分析

既存の画像からカラーパレットを抽出。

写真からの色分析...

機能

カラーコンバーター

HEX、RGB、HSL、CMYK、HSBフォーマット間の変換

画像カラー抽出

画像から主要な色を自動抽出

グラデーションジェネレーター

リニア、ラジアル、コニックグラデーションを作成

パレットタイプ

モノクロマティック、類似色、補色パレットタイプ

📋

簡単コピー

ワンクリックでカラーコードをクリップボードにコピー

♿

アクセシビリティ

色覚に配慮したコントラストと提案

使い方

色を選択

カラーピッカーで色を選択するか、カラーコードを入力

フォーマットを選択

希望のカラーフォーマットを選択（HEX、RGB、HSL、CMYK）

パレット生成

異なるハーモニータイプでプロフェッショナルなカラーパレットを作成

グラデーション作成

カスタムグラデーションを生成し、CSSコードを取得

画像解析

画像から自動的に色を抽出し、パレットに追加

よくある質問

HEX、RGB、HSL、CMYK、HSBに対応しています。どれか一つ入力すれば、他のフォーマットが即座に表示されます。

画像解析タブに画像をドロップするだけで、ツールが自動的にメインカラーを抽出します。

はい、JSON、CSS、ASE形式でエクスポートでき、FigmaやSketch、CSSファイルで直接使えます。