takato(@n8takato)です!
![](https://takatoblog.org/wp-content/uploads/2022/07/man-300x300.png)
XDで色を一括で変換したい
この記事は上記の課題に向けて作成しています。
サイトのリニューアル等で色味を変換することがあると思います。
その際既存のデザインデータを一括で色変更出来ると楽ですよね。
XDでは一括で変更することができます。
この記事ではXDで色を一括変換する方法を紹介します。
この記事を読むメリット
- XDで色を一括変換する方法がわかる
この記事を書いた人
![](https://takatoblog.org/wp-content/uploads/2022/07/takato.jpg)
この記事を書いた僕はこんな人です!
- 都内制作会社でwebデザイナー・webディレクターとして勤務
- webデザイナー3年、webディレクター1年目
- web制作現場で学んだことを発信している人
〜個人的にオススメなwebデザインスクール3選〜
今なら無料オンライン説明会実施中です!
興味のあるスクールに申し込んでみてください!
目次
XDで色を一括で変更する方法
早速XDで色を一括変更する方法を紹介します。
例えば下記のアートボードにあるピンクを一括でオレンジに変換するとします。
![XDで色を一括で変更する方法①](https://takatoblog.org/wp-content/uploads/2023/11/スクリーンショット-2023-11-23-21.53.38-1024x640.jpg)
カラーの「+」を選択する
はじめにピンクを選択した状態で左側にあるカラーの「+」を選択します。
![XDで色を一括で変更する方法②](https://takatoblog.org/wp-content/uploads/2023/11/スクリーンショット-2023-11-23-21.55.59-1024x640.jpg)
するとピンクのカラーが追加されます。
![XDで色を一括で変更する方法③](https://takatoblog.org/wp-content/uploads/2023/11/スクリーンショット-2023-11-23-21.58.10-1024x640.jpg)
「編集」を選択する
追加されたピンクのカラーコード上を右クリックをして「編集」を選択します。
![XDで色を一括で変更する方法④](https://takatoblog.org/wp-content/uploads/2023/11/スクリーンショット-2023-11-23-21.59.01-1024x640.jpg)
色を変更する
最後に色を変更します。
6桁の英数字で色を変更すると、ピンクの図形全ての色が変更されます。
![XDで色を一括で変更する方法⑤](https://takatoblog.org/wp-content/uploads/2023/11/スクリーンショット-2023-11-23-22.00.55-1024x640.jpg)
同じデータ内にある同色が全て変更されます。
上記のやり方で一括で色を変更することが出来ます。
最後に
XDでは色を一括で変更することが出来ます。
ファイル内の色を一括で変更したい場合は上記のやり方がおすすめです。
是非実施してみてください。
〜個人的にオススメなwebデザインスクール3選〜
今なら無料オンライン説明会実施中です!
興味のあるスクールに申し込んでみてください!