3倍可愛く♡アメブロカスタマイズで使える色見本(カラーコード)
web集客コンサルタント/デザイナー/色集客アドバイザー/セミナー講師/国が全国に設置する「よろず支援拠点 静岡」 コーディネーター(相談員)
ホームページ・ブログ・インスタ・SNS活用・SEOなどを活用し、想いやコンセプトを表現し自分ブランド作りが得意。
アメブロカスタマイズで素敵な色に変えたい。
赤とかじゃなくて、サーモンピンクとかターコイズグリーンとか可愛い色を使いたい♡
そんな方もいらっしゃると思います。
色が大好き、集客にも色を使う方法をお伝えしている千春がアメブロカスタマイズやホームページで使える可愛い色なども調べられる方法をお答えします。
目次
アメブロカスタマイズで色を変更するWebカラーコードとは?
アメブロカスタマイズやホームページ・ブログで色を変更するのって、どうなってるのでしょうか?
チラシなどは、マーカーや色鉛筆で塗るだけで色が使えますね。
でも、アメブロカスタマイズやホームページ・ブログの場合は、CSSと呼ばれるもので『青い色にする』と指令を出します。
例えば、アメブロカスタマイズで記事タイトルの背景を【クリーム】色にしてみます。
こんな感じ↓
アメブロカスタマイズのCSSで指令を出してます↓
訳の分からない文字が並んでるって感じですね。見るだけで嫌と拒否反応がでちゃう方もいるかもしれないです。
でも、色を指示している場所は【#fcfae1】のwebカラーコードのところだけです。
アメブロカスタマイズやホームページ・ブログの場合は、webカラーコードで色が決められています。
webカラーコードが分かれば、様々な色を使えるようになります!
では、カラーコードを調べる方法をお伝えします。
カラーコードの一覧を見て、色を調べる方法
webカラーコードを調べられるサイトは、たくさんあります。
ピックアップしてご紹介します。
原色大辞典
原色大辞典は、ページを開くと【原色大辞典】の色の一覧とwebカラーコードが表示されます。
他のタブをクリックすると、【和色大辞典】、【パステルカラー】と様々な色を見れます。
かわいいサイトを作りたいときなどパステルカラーは使いやすいですね。
Color-Sample.com
赤・橙・黄〜などの色ごとに細かい色見本(カラーコード)を見れます。
どんな色にしようか迷っている時に、色見本(カラーコード)を見ながら、この色が良いかな?こっちが良いかな?と見比べられます。
色の組み合わせに迷ったら、配色パターンを見れるサイトがオススメ
デザインや色を考えるのは自分では苦手だし、何色と何色を組み合わせたら良いのか分からない人にオススメの配色パターンが見れるサイトをご紹介します。
カラーハント
配色が並べられているので、見ているだけでも楽しいサイトですね。
まとめ:アメブロカスタマイズで使える色見本(カラーコード)
アメブロカスタマイズやホームページ・ブログなどのwebで色を変えたい時に参考になるwebカラーコードが分かるサイトなどをご紹介しました。
色は、サイトのブランドなどを決めたり重要な役割があります。
アメブロカスタマイズなどでも、ご自身のサービスに合った色をカラーコードより選んでくださいね。
web集客コンサルタント/デザイナー/色集客アドバイザー/セミナー講師/国が全国に設置する「よろず支援拠点 静岡」 コーディネーター(相談員)
ホームページ・ブログ・インスタ・SNS活用・SEOなどを活用し、想いやコンセプトを表現し自分ブランド作りが得意。