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

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

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

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

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

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

追記 2020/02/19

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

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

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

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

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

 

カラーコード 省略形 カラーキーワード RGB
#000000 #000 black (0,0,0)
#c0c0c0 sliver (192,192,192)
#808080 gray (128,128,128)
#ffffff #fff white (255,255,255)
#800000 #800 maroon (128,0,0)
#ff0000 #f00 red (255,0,0)
#ffa500 #fa5 orange (255,165,0)
#ffff00 #ff0 yellow (255,255,0)
#00ff00 #0f0 lime (0,255,0)
#008000 #080 green (0,128,0)
#0000ff #00f blue (0,0,255)
#000080 #008 navy (0,0,128)
#800080 #808 purple (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】文章の囲み枠で必要になる色のコードまとめ♪

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

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

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

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

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

 

/Decoration/TOOL/そらのまなびぶろぐ/THE THOR/AFEREIT/

 

最新情報をチェックしよう!