【ピンク系】実際に見てコピペできる色コレクション♡お気に入りの色があったら、アメブロの囲み枠やメニューバーの色に使ってみてね。

ケイト
ケイト

こんにちは
未来のあなたを
笑顔にするお手伝い
スピリチュアルハッピーライフ
アドバイザー&占い教室講師

杏純(アンジュ)・ケイトですkateclovermini

日々の出来事や毎日の暦など
アメブロでほぼ毎日更新中

ハッピーちゃん
ハッピーちゃん

こっちも見てね

 

 

アメブロで可愛い囲み枠を使ってみたけど
こんなお悩みが…

お客様からのお声です。

 

せっかくコピペして枠は作ったんですが、そもそも自分の思う色じゃないんですよね。

 

もっと自分のイメージにあった色の囲み枠が欲しいけど、自分で作成するとなんだかビミョー。

そう!色って案外難しい!

文字、線、べた塗りなど、
同じ色でも使うものによってイメージが変わってきます。

 

いちいち試してみるのは面倒です

そんなあなたに、

カラーコードと色の名前(あれば)

そして

その色で実際に文字を書いたり、
囲み枠を作った場合のイメージ

をコレクションしていきますよ。

 

ハッピーちゃん
ハッピーちゃん

気に入れば、そのままコピペ出来ますよ!

ほかの色が見たい方、印刷用色見本ダウンロードはこちらから探してください。(毎日更新中)

 

ピンク色系統の色

アメブロ・ブログスタンプ中のピンク系統の色です。
それぞれの色で作った囲み枠サンプル付きです。

 

 

7月1日:銀行の日(枠の色)

 

 

本日のブログスタンプの色はこれ
#ff7da5
rgb(255, 125, 165)

シンプルな囲み枠(角が丸・文字によって長さが変わるタイプ)

イメージ

ここに文字を入力
改行はShift+Enter

<div style="border: 5px solid #ff7da5; padding: 10px; border-radius: 10px; display: inline-block;"><span style="color: #000000;">ここに文字を入力<br />改行はShift+Enter</span></div>

ポイント付き付せん風囲み枠(文字によって長さが変わるタイプ)

イメージ

ポイント付き付せん風囲み枠
サンプルです

<div style="border: #ff7da5 solid 1px; border-left: #ff7da5 solid 13px; padding: 10px; background: #ffffff; display: inline-block;">ポイント付き付せん風囲み枠<br>サンプルです</div>

タイトル付き囲み枠(文字によって長さ変化なしタイプ)

イメージ

タイトル色付き囲み枠
タイトル色付き囲み枠のサンプルです

<div><div style="background: #ff7da5; border: 1px solid #ff7da5; padding-left: 10px; color: #ffffff; font-weight: bold;"><span style="font-size: 1.4em;"><span style="font-weight: bold;">タイトル入力</span></span></div>
<div style="border: 1px solid #ff7da5; padding: 10px; color: #000000; font-weight: bold;">ここに文字を入力<br />改行はShift+Enter</div></div>

 

7月7日:七夕の日(織り姫様の着物の薄いピンク)

 

 

本日のブログスタンプの織り姫様の着物の色はこれ
#ff99cc
rgb(255,153,204)

※今回の色はWeb Safe Color

 ※スタンプ部分は7/1銀行の日と同じです。

 

シンプルな囲み枠(角が丸・文字によって長さが変わるタイプ)

イメージ

ここに文字を入力
改行はShift+Enter

<div style="border: 5px solid #ff99cc; padding: 10px; border-radius: 10px; display: inline-block;"><span style="color: #000000;">ここに文字を入力<br />改行はShift+Enter</span></div>

ポイント付き付せん風囲み枠(文字によって長さが変わるタイプ)

イメージ

ポイント付き付せん風囲み枠
サンプルです

<div style="border: #ff99cc solid 1px; border-left: #ff99cc solid 13px; padding: 10px; background: #ffffff; display: inline-block;">ポイント付き付せん風囲み枠<br>サンプルです</div>

タイトル付き囲み枠(文字によって長さ変化なしタイプ)

イメージ

タイトル色付き囲み枠
タイトル色付き囲み枠のサンプルです

<div><div style="background: #ff99cc; border: 1px solid #ff99cc; padding-left: 10px; color: #ffffff; font-weight: bold;"><span style="font-size: 1.4em;"><span style="font-weight: bold;">タイトル入力</span></span></div>
<div style="border: 1px solid #ff99cc; padding: 10px; color: #000000; font-weight: bold;">ここに文字を入力<br />改行はShift+Enter</div></div>

 

 

7月12日:人間ドックの日(ほっぺのピンク色)

 

 

本日のブログスタンプのほっぺの色はこれ
#ff92a2
rgb(255,146,162)
 ※スタンプ部分は7/3ソフトクリームの日と同じです。

シンプルな囲み枠(角が丸・文字によって長さが変わるタイプ)

イメージ

ここに文字を入力
改行はShift+Enter

<div style="border: 5px solid #ff92a2; padding: 10px; border-radius: 10px; display: inline-block;"><span style="color: #000000;">ここに文字を入力<br />改行はShift+Enter</span></div>

ポイント付き付せん風囲み枠(文字によって長さが変わるタイプ)

イメージ

ポイント付き付せん風囲み枠
サンプルです

<div style="border: #ff92a2 solid 1px; border-left: #ff92a2 solid 13px; padding: 10px; background: #ffffff; display: inline-block;">ポイント付き付せん風囲み枠<br>サンプルです</div>

タイトル付き囲み枠(文字によって長さ変化なしタイプ)

イメージ

タイトル色付き囲み枠
タイトル色付き囲み枠のサンプルです

<div><div style="background: #ff92a2; border: 1px solid #ff92a2; padding-left: 10px; color: #ffffff; font-weight: bold;"><span style="font-size: 1.4em;"><span style="font-weight: bold;">タイトル入力</span></span></div>
<div style="border: 1px solid #ff92a2; padding: 10px; color: #000000; font-weight: bold;">ここに文字を入力<br />改行はShift+Enter</div></div>

 

 

7月13日:ナイスの日(枠の色)

 

 

本日のブログスタンプの枠の色はこれ
#ff7ea8
rgb(255,126,168)

 

シンプルな囲み枠(角が丸・文字によって長さが変わるタイプ)

イメージ

ここに文字を入力
改行はShift+Enter

<div style="border: 5px solid #ff7ea8; padding: 10px; border-radius: 10px; display: inline-block;"><span style="color: #000000;">ここに文字を入力<br />改行はShift+Enter</span></div>

ポイント付き付せん風囲み枠(文字によって長さが変わるタイプ)

イメージ

ポイント付き付せん風囲み枠
サンプルです

<div style="border: #ff7ea8 solid 1px; border-left: #ff7ea8 solid 13px; padding: 10px; background: #ffffff; display: inline-block;">ポイント付き付せん風囲み枠<br>サンプルです</div>

タイトル付き囲み枠(文字によって長さ変化なしタイプ)

イメージ

タイトル色付き囲み枠
タイトル色付き囲み枠のサンプルです

<div><div style="background: #ff7ea8; border: 1px solid #ff7ea8; padding-left: 10px; color: #ffffff; font-weight: bold;"><span style="font-size: 1.4em;"><span style="font-weight: bold;">タイトル入力</span></span></div>
<div style="border: 1px solid #ff7ea8; padding: 10px; color: #000000; font-weight: bold;">ここに文字を入力<br />改行はShift+Enter</div></div>

 

7月19日:松阪牛の日(松阪牛の脂身部分の色)

 

 

本日のスタンプの中の
松阪牛の脂身の色
はこれ
#eebec3
rgb(238,190,195)
 ※スタンプ部分は7/1銀行の日と同じです。

シンプルな囲み枠(角が丸・文字によって長さが変わるタイプ)

イメージ

ここに文字を入力
改行はShift+Enter

<div style="border: 5px solid #eebec3; padding: 10px; border-radius: 10px; display: inline-block;"><span style="color: #000000;">ここに文字を入力<br />改行はShift+Enter</span></div>

ポイント付き付せん風囲み枠(文字によって長さが変わるタイプ)

イメージ

ポイント付き付せん風囲み枠
サンプルです

<div style="border: #eebec3 solid 1px; border-left: #eebec3 solid 13px; padding: 10px; background: #ffffff; display: inline-block;">ポイント付き付せん風囲み枠<br />サンプルです</div>

タイトル付き囲み枠(文字によって長さ変化なしタイプ)

イメージ

タイトル色付き囲み枠
タイトル色付き囲み枠のサンプルです

<div><div style="background: #eebec3; border: 1px solid #eebec3; padding-left: 10px; color: #ffffff; font-weight: bold;"><span style="font-size: 1.4em;"><span style="font-weight: bold;">タイトル入力</span></span></div>
<div style="border: 1px solid #eebec3; padding: 10px; color: #000000; font-weight: bold;">ここに文字を入力<br />改行はShift+Enter</div></div>

 

7月25日:かき氷の日(かき氷のシロップの色)

 

 

本日のブログスタンプの
かき氷のシロップの色
はこれ
#fe507f
rgb(254,80,127)
 ※スタンプ部分は7/13ナイスの日と同じです。

シンプルな囲み枠(角が丸・文字によって長さが変わるタイプ)

イメージ

ここに文字を入力
改行はShift+Enter

<div style="border: 5px solid #fe507f; padding: 10px; border-radius: 10px; display: inline-block;"><span style="color: #000000;">ここに文字を入力<br />改行はShift+Enter</span></div>

ポイント付き付せん風囲み枠(文字によって長さが変わるタイプ)

イメージ

ポイント付き付せん風囲み枠
サンプルです

<div style="border: #fe507f solid 1px; border-left: #fe507f solid 13px; padding: 10px; background: #ffffff; display: inline-block;">ポイント付き付せん風囲み枠<br />サンプルです</div>

タイトル付き囲み枠(文字によって長さ変化なしタイプ)

イメージ

タイトル色付き囲み枠
タイトル色付き囲み枠のサンプルです

<div><div style="background: #fe507f; border: 1px solid #fe507f; padding-left: 10px; color: #ffffff; font-weight: bold;"><span style="font-size: 1.4em;"><span style="font-weight: bold;">タイトル入力</span></span></div>
<div style="border: 1px solid #fe507f; padding: 10px; color: #000000; font-weight: bold;">ここに文字を入力<br />改行はShift+Enter</div></div>

 

 

違う色はこちらから

ほかの色が見たい方、印刷用色見本ダウンロードはこちらから探してください。(毎日更新中)

 

 

いいなぁ、あんなのどうしたらできるんだろ~


指をくわえて見てる方、

「よし、私もやってみよう!」

となりましたか?

 

 

【おまけ】自分で好きな色の枠を作りたい方へ

現在アメブロのブログスタンプのカラーコードを集める「アメブロブログスタンプコレクション」を作成中。

プロが作る絶妙な色合いのスタンプ枠の色が一目でわかる優れものですよ。

 

 

でもとりあえず、枠の色を自分で変えたい方はこちらがおススメ。

dashed #cbdcf6;やなど、ピンク文字のところにコードを書き替えるだけ!

 

色の識別能力は訓練できます。
普段から、たくさんの色の違いを見るのがおススメ。

 

 

 

 2020/6/12発売の新刊!

 

 

ハッピーちゃん
ハッピーちゃん

その他の教室支援記事はこちら

 

アメブロのカスタマイズは


アメブロにもメニューバーを作りたい時は?

アメブロに可愛い枠を作りたい時は♡基本の貼り付け編

アメブロテンプレート別メニューバーの色が変更できます。今使ってる素敵なテンプレートにそのままコピペでOK

アメブロのブログスタンプの色コレクション♡お気に入りの色があったら、囲み枠やメニューバーの色に使ってみてね。(日々更新中)

Skypeを使ってオンライン教室をしてみたいなら


Skypeの無料会議室「Meet Now」の使い方を丁寧に解説。オンラインサロンを始めてみたい、Zoomから乗り換えたい方必見。

【windows10】Skypeの無料会議室「Meet Now」で音声が聞こえない時に試してほしい事。最後の手段です。

 

生徒さん募集や予約の連絡ツールをメールからLINEに変えてみよう


LINE公式アカウントに登録して、オンラインサロンに来てもらおう。登録方法を画面で分かりやすく説明します。

【LINE公式アカウント登録マニュアル②】アカウントを登録したら、個人用LINEを使って応答のテストをしてみましょう。

やっぱりZoomでやりたい、そんなあなたに

誰でも先生に!Zoomの無料アカウントで『90分のオンライン教室』を作る方法

アメブロではその日のラッキーデーのポイントや、ちょっとしたことを更新しています。
よろしければこちらもご覧ください。

 

 

 

ケイト
ケイト

今日も最後までお読みいただきありがとうございました。

サロン経営での困ったをお助けします。
浮いた時間であなたのやりたいことができますように。

あなたの才能をパソコン仕事で削らないで。
あなたしか出来ないことに力を注いでくださいね。

あなたの心に優しく寄り添います。
講師:杏純(アンジュ)・ケイト

 

 

今すぐアフィリエイトをしてみたい初心者におすすめ!
登録無料・審査なし!
セルフバックですぐにブログからの収入が得られるんですよ。
しかも今ブログを持っていなくても登録できるんです。
一度覗いてみる価値ありますよ。
まずはここから始めてみるのがいいですよ。

ここもお勧め。
キャッシュバックも充実。
チリも積もれば山となる。
そして何より「報酬振込手数料」が「もしも」負担。
全額自分の報酬になるのが、何気にうれしい♡

ここは審査結構厳しめです。
でもふるさと納税
ぐるなび、食べログ、一休をいつも使ってる方は必見!

広告を作成しなくても、自己購入で収入が発生。
しかも振込手数料は無料。
1000円から収入をもらえます。
思った以上にちょっとしたお小遣いになりますよ

このサイトを作る時にお世話になりました。
エックスサーバーは質問すると、ホントにすぐ丁寧なお返事がきました。
ビックリ!

 

時々キャンペーンやってます。
そういうキャンペーン中に申し込むのが一番お得!
しかもWordPressクイックスタート実施中!月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

自分だけのドメイン名。早い者勝ちですよ。私は取れて満足です。


 

タイトルとURLをコピーしました