カラーコードが分からないときに便利！「iromiru(イロミル)」の使い方

「あのサイトやブログの配色いいな、どんな色を使ってるんだろう」

「１度使ったあの色ってどんなカラーコードだっけ？」

と分からないときに、簡単に色（カラーコード）を抽出できる「iromiru（イロミル）」をご紹介します。

こんな感じで簡単にカラーコード（数字６桁）がわかります。

※スマホでも使えないことはないのですが、画面が小さくなってしまう（スマホに最適化していない）ので、以下、パソコンの画面を前提に紹介します。

iromiru（イロミル）の使い方

１．サイトを開きます。

【公式】iromiru（イロミル）

２．「画像のURL」をコピペするか、または画像をドラッグ&ドロップします。

※今回は画像のURLをコピペしています。

３．「イラスト」自体、または下にある「色の帯」をクリックすると、右側にカラーコード（６桁の数字）が表示されます。

この６桁の数字の頭に「#」をつけたものがカラーコードになります。

ブログのデザインで大活躍！

私がこのツールを使うのはブログのデザインを決めるときです。

例えば今回のように「イメージキャラクター」を作ったときに、そのキャラクターと同じ色を使いたくて「iromiru（イロミル）」で色を抽出しました。

最近のWordPressテーマは簡単にカスタマイズ機能で「カラー設定」ができるようになっています。

カラーコードを入れるだけなので簡単です。

【関連】【WordPressテーマJIN】ブログ初心者でも簡単にできる設定方法・カスタマイズを徹底解

なお、サルワカさんが運営している配色の参考になるサイトも最後にご紹介します。

色を決めるときの参考にしてみてください。

【参考】配色パターン見本40選：ベストな色の組み合わせ確認ツール

クロネ

趣味ブロガー

XContact

ブログ歴21年目。妻に片想い中。