MASAa.blog/MASAa.net/ZMASAa.blog
このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。
また、MASAa.blogとZMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。
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) |
最後に
色は無限に有るため全てのサンプルカラーコードを掲載することは当然ながら出来ません。
最終的には自分でサイトカラーに合ったカラーコードを探しだす必要があります。
今回サンプルカラーコードとして、【ブルー】【グリーン】【オレンジ】【パープル】を紹介しました。
それらサンプルカラーコードが、少しでもカラーコードを探し出す手助けになればと思います。
次のエントリー記事でももう少しサンプルカラーコードを紹介したいと思います。
コメント