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

ブ文字の色や背景の色を指定したい時に必要になる「カラーコード」まとめて紹介しています枠線の記事を書いていて、色のコードが必要だ~~~~っと思ったので(^^♪

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

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

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

追記 2020/02/19

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

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

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

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

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

カラーコード省略形カラーキーワードRGB
#000000#000black(0,0,0)
#c0c0c0sliver(192,192,192)
#808080gray(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】色コード(カラーコード)検索方法

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

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

「A」の横の▼をクリックしてください

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

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

カラー表の下部にある「カスタム」をクリックしてください

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

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

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

カラー表の「#」の横の数字をコピペします

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

RBGのコードが必要な時は

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

☆使用時の注意点☆

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

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

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

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

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

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

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

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

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

ブ文字の色や背景の色を指定したい時に必要になる「カラーコード」まとめて紹介
最新情報をチェックしよう!
>

sora

プログラマーとして働いていたが結婚後を機に田舎に戻り、独学でHTML・Perlを勉強し自宅でWEBの仕事をはじめるも、アレルギー児の子育てで断念。 子供の手が離れたのを機にWorldpressの勉強をしながらブログをはじめました。

 そらのまなびぶろぐ について 


そらのまなびぶろぐでは、wordpressの有料テーマ【THE THOR(ザ・トール)】を使用して収益化ブログの作り方を初心者向けに紹介しています。 エディタの使い方、アドセンス申請に必要なページの書き方&作り方、ブログの装飾の方法までを紹介しています。