【Adobe Illustrator】スウォッチを使ってカラーコードを一括出力する

グラフィックデザイン
2026.09.04
2026.09.21

デザインガイドラインを制作するときなど、複数色のカラーコードを一括で出力できたらな、と思うことありませんか?

僕も以前はいちいちスポイトで色を抽出して… みたいな感じでやっていたのですが、イラストレーター(Adobe Illustrator)のスウォッチを使えば、複数色のカラーコード(HEX、RGB、CMYK、HSB)を一括で出力することができます。

オブジェクトをスウォッチに登録

まず、カラーコードを取得したいオブジェクトをスウォッチに登録します。

オブジェクトを選択し、スウォッチパネルにある「新規スウォッチグループ」をクリックします。

スウォッチパネルが見当たらない場合は、メニューバー「ウィンドウ」→「スウォッチ」にチェックを入れてください。

スウォッチグループに適当な名前をつけ、作成元で「選択したオブジェクト」が選択されているのを確認して「OK」をクリックします。

スウォッチ情報を作成する

登録したスウォッチグループが選択されている状態で、パネル右上の三本線アイコンをクリックします。

メニューが開くので、その中から「スウォッチ情報を作成…」をクリックします。

「スウォッチ情報を作成」ウィンドウが表示されるので、「カラーコードを表示」のところで取得したいカラーコードにチェックが入っているのを確認し、「作成」をクリックします。

ドキュメントウィンドウにカラーコードを含むスウォッチ情報が出力されます。

カラーコードはテキストツールで選択できるので、コピペで利用できます。

この記事を書いた人
柴田 竹思

Webクリエイター/Web制作スタジオBamboo Works代表。日本縦断やカナダでの音楽活動、西アフリカの小学校支援を経てWeb制作へ。制作会社、大手アパレル、官公庁案件などを経験し、現在は中小企業・個人事業主のWeb運用を支援。「まず聞く」を大切に、その会社ならではの価値を掘り起こし、“もう一人のあなた”となるWebサイト制作を得意とする。

他の記事を読む