機能

カラーコンバーター

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

画像カラー抽出

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

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

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

パレットタイプ

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

📋
簡単コピー

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

アクセシビリティ

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

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

カラーピッカー
カラーコードを入力(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
生成されたパレット
グラデーション設定
0%
100%
グラデーションプレビュー
画像をアップロード
ここに画像をドラッグ&ドロップ

JPG、PNG、GIF、WebP対応(最大10MB)

抽出された色
3 8 16

使い方

1
色を選択

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

2
フォーマットを選択

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

3
パレット生成

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

4
グラデーション作成

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

5
画像解析

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

よくある質問

HEX、RGB、HSL、CMYK、HSBフォーマットに対応しています。すべてのフォーマット間で自動変換が可能です。

画像解析タブで画像をアップロードしてください。システムが自動的に主要な色を検出し、パレットに追加します。

パレットをJSON、CSS、ASEフォーマットでエクスポートできます。デザインプログラムでの使用に最適です。

はい、生成されたすべてのグラデーションのCSSコードを自動的に取得し、プロジェクトで使用できます。

モノクロマティックは同じ色のトーンを使用し、類似色は隣接する色を使用し、補色は反対の色を使用します。それぞれ異なるデザイン効果を生み出します。

画像ファイルは最大10MBまでです。JPG、PNG、GIF、WebPフォーマットに対応しています。

プロフェッショナルなカラーパレットジェネレーター

HEX、RGB、HSL、CMYKフォーマット間の変換。モノクロマティック、類似色、補色パレットタイプでプロフェッショナルなデザインを作成。

画像からの色抽出

画像内の主要な色を自動検出。AIを活用した色分析でデザインパレットを強化。

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

リニア、ラジアル、コニックグラデーションを作成。Webプロジェクトで使用できる完成したCSSコード。

セキュリティとプライバシー

あなたのデータの安全を最優先しています

ローカル処理

すべての処理がブラウザ内で完結します

データ送信なし

データはサーバーに送信されません

保存しません

データは保存も共有もされません

SSL暗号化

安全な通信でご利用いただけます