【wordpress】文章の囲み枠で必要になる色のコードまとめ♪

枠線の記事を書いていて、色のコードが必要だ~~~~っと思ったので(^^♪

キーワード検索?なにそれ、美味しいの?

という事で、必要だと思ってくれる人の為にこの記事作成です。

ブログを書いていて、テキストエディタで文字の色や背景の色を指定したい時に必要になる「色のコード」。

枠線を使用する時に必要になるので、紹介いたします。

追記 2020/02/19

カラーコードが全角表示になっていたのを半角に直しました。

コピペしても無視される!!となった方すみませんでした(-_-;)

☆はっきりした色コード(16色)

主な色の色指定は3種類の記述方法があります。

はっきりした色合いなので、文字色などに使いやすい色です。

 

 カラーコード省略形カラーキーワードRGB
 #000000#000black(0,0,0)
 #c0c0c0 sliver(192,192,192)
 #808080 gray(128,128,128)
 #ffffff#fffwhite(255,255,255)
 #800000#800maroon(128,0,0)
 #ff0000#f00red(255,0,0)
 #ffa500#fa5orange(255,165,0)
 #ffff00#ff0yellow(255,255,0)
 #00ff00#0f0lime(0,255,0)
 #008000#080green

(0,128,0)

 #0000ff#00fblue(0,0,255)
 #000080#008navy(0,0,128)
 #800080#808purple(128,0,128)

 

☆淡い色コード

淡い色の色指定の方法は2種類です(;^_^A

背景色に使いやすい色です。

 カラーコード省略形RGB
 #cccccc#ccc(204,204,204)
 #ffcccc#fcc(255,204,204)
 #fcebeb (252,235,235)
 

#ff99cc

#f9c( 255,153,204)
 

#fad4e7

 ( 250,212,231)
 #ffccff#fcf( 255,204,255)
 #fce3fc ( 252,227,252)
 #ccccff#ccf( 204,204,255)
 #e6e6fc ( 230,230,252)
 #ccffff#cff( 204,255,255)
 #defcfc ( 222,252,252)
 #ccffcc#cfc( 204,255,204)
 #defcde ( 222,252,222)
 #ffffcc#ffc( 255,255,204)
 #fcfce6 ( 252,252,230)

☆【wordpress】自分で色のコードを検索する方法

上記の色以外にコードが知りたいと思った時に使用します。

テキスト色の横にある▼をクリックしてください。

カラーの表が出てきます。

「カスタム」をクリックしてください。

この画像と同じものが表示されたかと思います。

①の場所で大体の自分の使いたい色をクリックしてください。

次に②の場所で自分が使いたい色の場所をクリックしてください。

赤で囲ってある場所に色のコードが表示されますので、これをコピペして使用します。

RBGのコードが必要な時は

赤,緑,青 の順に数字を並べてください。

☆使用時の注意点☆

コピペすると【 # 】がついていません。

コピペした後でいいので、コピペしたコードの前に【 # 】を付けてください。

【wordpress】文章の囲み枠で必要になる色のコードまとめ♪

この記事では色のコードの検索方法までを書きました。

でも本当に必要なのって、色の組み合わせの技術のような気がします。

ブログのカラーコーディネート!

自分好みのブログにしたいですものね♪

要望は、無いかと思いますが、今度はブログのカラーコーディネートの記事を作成します♪

 

ランキングに参加しているのでバナーをクリックしていただけると嬉しいです♪

人気ブログランキング

私が個人でAmazonアソシエイトに応募して落ちましたが、
「もしもアフェリエイト」を通して申請したら合格しました。
もしもから申請をお勧めします♪

A8.netは広告主数・登録サイト数共に日本最大級のアフィリエイトサービスプロバイダーです。
ここもおすすめ♪

/TOP/