枠線の記事を書いていて、色のコードが必要だ~~~~っと思ったので(^^♪
必要だと思ってくれる人の為にこの記事作成です。
ブログを書いていて、テキストエディタで文字の色や背景の色を指定したい時に必要になる「色のコード」。
枠線を使用する時に必要になるので、紹介いたします。
追記 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】文章の囲み枠で必要になる色コード(カラーコード)まとめ♪
この記事では色のコードの検索方法までを書きました。
でも本当に必要なのって、色の組み合わせの技術のような気がします。
ブログのカラーコーディネート!
自分好みのブログにしたいですものね♪
要望は、無いかと思いますが、今度はブログのカラーコーディネートの記事を作成します♪