(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連CocoonTHE THOR

MASAa.blog/MASAa.net/ZMASAa.blogのカラーコードについて 前編

アイキャッチ画像 WordPress
この記事は約4分で読めます。

【広告】

※ 本ページには【広告】が含まれています

MASAa.blog/MASAa.net/ZMASAa.blog

このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。

MASAa.net | WordPressとPCのある生活を楽しむための情報発信サイト
WordPress、WordPressテーマ Simplicity / Cocoon / THE THORに関するカスタマイズ、自作PC、ガジェット、デスク環境に関する情報発信サイトです。

また、MASAa.blogとZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

MASAa.blog│パズドラ好きのmasaaが情報発信する1st WordPressブログサイト
ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト

MASAa.blog/MASAa.net/ZMASAa.blogのカラーコード

当運営するMASAa.blog/MASAa.net/ZMASAa.blogの3サイト共通でテーマカラーであるピンクを採用しており、共通のカラーコードが使われています。

これまでWordPress テーマ Cocoon/THE THOR(ザ・トール)についてのカスタマイズをエントリー記事として掲載してきましたが、特にカラーコードについて触れてきませんでした。

カスタマイズで使われているカラーコードは、MASAa.blog/MASAa.net/ZMASAa.blogのテーマカラーであるピンクとなります。

そのMASAa.blog/MASAa.net/ZMASAa.blogで採用しているテーマカラー【ピンク】のカラーコードは下記の9種類になります。

#ff005d(255,0,93)
#f32469(243,36,105)
#fe619a(254,97,154)
#ff75a7(255,117,167)
#ffc5e0(255,197,224)
#ffddee(255,221,238)
#fdeef7(253,238,247)
#fff6fb(255,246,251)
#fff9fc(255,249,252)

カラーコードサンプル

この9種類のカラーコードを自分のテーマカラーに置き換えて頂ければ、自分のサイトに合ったテーマカラーになります。

具体的には、先ず最初に上記9種類に対応したカラーコードを用意し、次にカスタマイズソース内の元々使われている9種類のピンクのカラーコードを、自分が用意した9種類のカラーコードへ置換作業を行います。

サンプルとして9色のカラーコードを作成してみましたのでご参考下さい。

サンプルカラーコード:ブルー

#005dff(0,93,255)
#2469f3(36,105,243)
#6199fe(97,154,254)
#75a7ff(117,167,255)
#c5e0ff(197,224,255)
#ddeeff(221,238,255)
#eef7fd(238,247,253)
#f6fbff(246,251,255)
#f9fcff(249,252,255)

サンプルカラーコード:グリーン

#5dff00(93,255,0)
#69f324(105,243,36)
#9afe61(154,254,97)
#a7ff75(167,255,117)
#e0ffc5(224,255,197)
#eeffdd(238,255,221)
#f7fdee(247,253,238)
#fbfff6(251,255,246)
#fcfff9(252,255,249)

サンプルカラーコード:オレンジ

#ff5d00(255,93,0)
#f36924(243,105,36)
#fe9B61(254,154,97)
#ffa775(255,167,117)
#ffe0c5(255,224,197)
#ffeedd(255,238,221)
#fdf7ee(253,247,238)
#fffbf6(255,251,246)
#fffcf9(255,252,249)

サンプルカラーコード:パープル

#5d00ff(93,0,255)
#6924f3(105,36,243)
#9a61fe(154,97,254)
#a775ff(167,117,255)
#e0c5ff(224,197,255)
#eeddff(238,221,255)
#f7eefd(247,238,253)
#fbf6ff(251,246,255)
#fcf9ff(252,249,255)

最後に

色は無限に有るため全てのサンプルカラーコードを掲載することは当然ながら出来ません。

最終的には自分でサイトカラーに合ったカラーコードを探しだす必要があります。

今回サンプルカラーコードとして、【ブルー】【グリーン】【オレンジ】【パープル】を紹介しました。

それらサンプルカラーコードが、少しでもカラーコードを探し出す手助けになればと思います。

次のエントリー記事でももう少しサンプルカラーコードを紹介したいと思います。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

シェアする
※ 本ページ内には【広告】が含まれています

コメント

【広告】