Coccoonのカラーパレットの編集方法

ブロックエディターの色変更

ブロックエディターでタブ編集を行っていると以下の『 拡張カラーパレット 』を一度は見たことはあるはずです。このパレットに色を加える方法を解説いたします。

拡張カラーパレットの編集方法

外観>Cocoon設定>エディター>ブロックエディター設定を見ていただくと、拡張カラーパレットの項目があります。ここでは6色まで自分のお気に入りの色を登録することができます。

おすすめの拡張色

マーブル模様 dimgray gray aliceblue aliceblue
#c3aec5 #000000 #000000 #000000 #000000
#dfb8c1 #000000 #000000 #000000 #000000
#b2c18e #000000 #000000 #000000 #000000
#8cb8be #000000 #000000 #000000 #000000
#b6a4a0 #000000 #000000 #000000 #000000
#c7d0e3 #000000 #000000 #000000 #000000
#a999bd #000000 #000000 #000000 #000000
#94a2c2 #000000 #000000 #000000 #000000

薄梅鼠 うすうめねず #dcd6d9の色見本とカラーコード - 和色大辞典
薄梅鼠 うすうめねず #dcd6d9の色見本とカラーコード。やや灰色い赤紫系の色でRGBカラーモデルでは赤(Red):220(86.27%)、緑(Green):214(83.92%)、青(Blue):217(85.1%)で構成されています。

色の勉強をしたい方向け

色彩検定2級・3級

受験する目的でなく、勉強目的で購入するで良いと思います。私自身受験する気は全くなかったのですが、基礎勉強のために購入しました。

配色アイデア手帖

また、実践編として、 配色アイデア手帖も購入しました。

ほかのカラーパレット色を変更する場合

サイトキーカラー(注意が必要)

外観>Cocoon設定>全体>全体設定を見ていただくと、『サイトキーカラー』『サイトキーテキストカラー』の項目があります。これらカラーを設定すると、上記カラーパレットの左上の色のデフォルト色が変わります。 しかし、カラーパレットだけでなく、サイト内の他の背景色なども自動的にすべて変わってしまうので、サイト全体のカラーを変更したい場合に使用しましょう。

タイトルとURLをコピーしました