WordPressCocoonTHE THOR

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

アイキャッチ画像 WordPress
この記事は約4分で読めます。
スポンサーリンク

MASAa.blog/MASAa.net/ZMASAa.blog

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

MASAa.net | WordPressのカスタマイズとPCのある生活を楽しむ情報発信サイト
このMASAa.netは、WordPressテーマのカスタマイズ、自作PC、ソフトウェア、ハードウェア、Windows、パソコンなどのあらゆるPC関連に関する情報を掲載しています。

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

MASAa.blog│パズドラ日記と製品レビューの記事を掲載するmasaaの元祖WordPressブログサイト
このMASAa.blogは、パズドラ好きmasaaのWordPressブログサイトです。パズル&ドラゴンズ(パズドラ)を始めスマホアプリについてやレビュー記事等を掲載していきます。
ZMASAa.blog│PC・ガジェット好きmasaaのWordPressブログサイト
このZMASAa.blogは、ガジェット好きmasaaのWordPressブログサイトです。masaaが手に入れたガジェットについてや愛車トヨタノアに関すること等を掲載していきます。

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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

……… THE THOR(ザ・トール)購入について ………
下記バナーからTHE THOR(ザ・トール)をご購入の方には、
当掲載のカスタマイズについて優先的にサポートさせて頂きます。

下記バナー経由でTHE THOR(ザ・トール)を購入した日付と時刻
を合わせてお問い合わせフォームからご連絡下さい。



気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
空島クロニクル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
ARKA-蒼穹の門
三国志外伝:戦姫覚醒
Cave Shooter
ナナリズムダッシュ
イース6オンライン
ザ・アンツ
クッキーランキングダム
リネージュ2M
ドラゴンとガールズ交響曲
魔剣伝説
パズにゃん
龍が如くONLINE
戦国布武
我が天下

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

MASAa.net

コメント