カラーパレット

#4A90D9

#D47F25

#70A5DB

#257BD4

#70A5DB

カラーパレットについて

無料オンラインカラーパレットツール

カラーパレットは2つのモードをサポートします:配色生成と画像パレット抽出。生成モードでは、ベースカラーと配色ルールを選択して調和のとれたパレットを作成します。抽出モードでは、画像をアップロードして支配色を自動抽出、またはスポイトで正確に色を選択できます。すべての処理はブラウザ内で行われます。


機能特長

  • 8種類の配色ルール:モノクロマティック、補色、類似色、トライアド、テトラード、スプリットコンプリメンタリー、隣接補色、ダブルスプリットコンプリメンタリー
  • 画像をアップロードして自動抽出、スポイトで正確な色選び
  • CSS変数、Tailwind v4、SCSS変数としてエクスポート
  • 個別の色をロックして再生成時に保持
  • HEX/RGB/HSL形式で色をクリックコピー
  • 完全オフライン処理 — サーバーにデータを送信しません

使用方法

  1. 1生成モードで、ベースカラーと配色ルールを選択
  2. 2パレットが自動更新 — 個別の色をロックまたはコピー
  3. 3抽出モードに切り替え、画像をアップロードしてパレットを抽出
  4. 4エクスポートボタンをクリックしてCSS/Tailwind/SCSS設定をコピー

よくある質問

カラーコンバーターやカラーピッカーとの違いは?
カラーコンバーターはHEX/RGB/HSLなどの形式を変換します。カラーピッカーは画像から単色を取得します。カラーパレットはベースカラーから調和のとれた配色を生成したり、画像から完全なパレットを抽出します。
パレット内の色を個別にロックできますか?
はい。各スウォッチにロックボタンがあります。ロックした色はベースカラーやルールを変更しても保持され、ロック解除した色のみが再生成されます。
初心者にはどの配色ルールがおすすめですか?
補色は高いコントラストで視覚的なインパクトがあります。類似色は控えめで統一感がありブランディングに最適です。モノクロマティックはクリーンでプロフェッショナル。トライアドとテトラードはより高度ですが豊かでバランスの取れたパレットを作成します。
画像からのパレット抽出の精度は?
ユークリッド距離による色のバケット統合を使用して、最大8色の支配色を抽出します。透明ピクセルは除外され、各色の割合が表示されます。正確な選択にはスポイトモードをご利用ください。
データはサーバーに送信されますか?
いいえ。すべての色計算と画像処理はブラウザ内で完全に行われます。何もアップロードされません。
エクスポートはどのTailwindバージョンに対応していますか?
Tailwind CSS v4の@themeカスタムカラー構文(--color-*変数)でエクスポートされます。

関連ツール

画質圧縮ツール画像白黒化画像カラー調整画像ピクセル化AI 背景削除・変更GIF トリミングツール画像透かし証明写真印刷レイアウト証明写真切り抜き画像スライスツール画像メタデータビューアーカラーピッカー画像Base64エンコーダー/デコーダーミームメーカー