スキン配色ジェネレーター

はじめに

本スキンは、外観→カスタマイズ→メイド・イン・ヘブン設定→基本カラーから、サイト全体の配色を変更できます（図1参照）。

見出しなどのテキストカラーは白（#ffffff）固定とし、基本カラーのサイトカラー、背景カラー、フッター背景カラーのバランスが良い配色を、本ページのジェネレーターで自動作成することができます。

サイトの配色を決める際、ぜひご利用ください。

手順

以下の手順で設定します。

1. 「配色を変更」ボタンをクリックすると、自動でそれぞれの項目の配色を自動作成します。（図2参照）。
2. 気に入った配色の16進コード（カラーコード）を確認します。
3. メイド・イン・ヘブン設定→基本カラーを開き、それぞれの項目に対応するカラーコードを入力して「公開」（保存）します。

メイド・イン・ヘブン設定例

本スキンは、各スキンの基本的なデザインを踏襲しているため、以下を参考にすることでスキン「grayish」にも簡単に似せることができます。

簡単にデザインをスキン「grayish」風にカスタマイズする方法

「Cocoonスキン「メイン・イン・ヘブン」をgrayish風にカスタマイズする方法」を解説。ノーコードで基本カラーや見出しデザイン、フロントページ、カードタイプ、メインビジュアルなどを設定し、grayish風のおしゃれなデザインに仕上げる方法を分かりやすく紹介します。

chuya.s239.xrea.com

補足

スキン「メイド・イン・ヘブン」では、多くの機能をメイド・イン・ヘブン設定から提供しています。

例えば、SWELLのような見出しデザインなども、追加CSSなしでワンクリックで設定可能です。

機能や使用方法の詳細については、以下のページもぜひご一読ください。

スキン「メイド・イン・ヘブン」について

スキン「メイド・イン・ヘブン」は、自動設定により初心者の作業負担を軽減し、カスタムCSSなしで簡単にデザイン変更が可能です。魅力的なデザインと、動画・スライドヘッダー機能も充実しています。使用方法や注意事項については、必ず一読願います。

chuya.s239.xrea.com

さいごに

今回紹介した方法を使えば、サイト全体のカラーバランスを簡単に整えることができます。
ぜひ、お気に入りの配色を見つけてカスタマイズを楽しんでみてください。