カラーコードまとめ& クラシックエディタで コードを取得

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

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

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

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

追記 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】色コード(カラーコード)検索方法

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

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

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

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

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

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

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

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

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

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

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

RBGのコードが必要な時は

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

☆使用時の注意点☆

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

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

カラーコードまとめ& クラシックエディタで コードを取得 まとめ♪

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

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

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

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