ブロガーのライムスです。
![](https://life-money-create.com/wp-content/uploads/2024/01/G32T8tI7GbnLemm1705168806_1705168821.png)
主にGoogle AdSenseを主軸としたサイトやASP高額案件で独立9年目。2022年6月に月間650万PV達成。現在10サイト以上運営。専門はアルゴリズムの大変動を逆算したサイト設計。ゲーム感覚でサイトの稼ぎ方を学べるRPG型教材「アドセンスクエスト」の制作者。月利数十万円プレイヤーを多数輩出。
僕の詳しいプロフィールはコチラをどうぞ。
![](https://life-money-create.com/wp-content/uploads/2024/01/G32T8tI7GbnLemm1705168806_1705168821.png)
![](https://life-money-create.com/wp-content/uploads/2024/01/HeQzV1qUgJj3CYG1705163894_1705164016.png)
日本の有名サイトを真似る
僕の場合は、特化型の資産型サイトを作る際は、色などのデザイン的に日本の有名なサイトを参考にしていることが多いです。
ゼロから色などを自分で考えるよりも、すでに知名度が高いサイトを真似すれば間違いないですからね。
例えば、料理系のサイトを作るとします。
僕だったら、日本人に馴染みが深いクックパッドとかのサイトの色使いや、雰囲気などを真似ると思います。
![](https://life-money-create.com/wp-content/uploads/2020/04/3784798070bd180cf5e6486fc60eba83.png)
サイトの色コードを調べる拡張機能
こちらは、Googleクロームの拡張機能になります。
非常に便利な機能ですので、ライムスは非常に重宝しています。
『ColorPick Eyedropper』と検索をしてください。
![](https://life-money-create.com/wp-content/uploads/2018/04/8498aa293bf3f068584319404b53964b.png)
赤枠の拡張機能をChromeに追加してください。
![](https://life-money-create.com/wp-content/uploads/2018/04/5ab8c94d7320a371830a5e12c14e4328.png)
追加をすると、ブラウザがChromeであれば、右上に赤枠のようにマークが表示されます。
そこをクリックしてください。
![](https://life-money-create.com/wp-content/uploads/2018/04/57734a9ee260d746b3706964143ae50f.png)
そうすると、参考にしたいサイトの色のコードがわかります。
例えば、先程のクックパッドの例ですと、このような感じで色コードが分かりますよ。
![](https://life-money-create.com/wp-content/uploads/2020/04/69844d06806b03870fe2f8ebace88e99.png)
![](https://life-money-create.com/wp-content/uploads/2024/01/G32T8tI7GbnLemm1705168806_1705168821.png)
色見本と配色サイト
![](https://life-money-create.com/wp-content/uploads/2018/04/5db50bb4510104ff7b975d089e39cfe2.png)
また、非常に色々な色を提供してくれているサイトがあります。
中々自分では作り出せないような可愛い色もそろっていますので是非活用してくださいね。