【Cocoon】カラーパレットのカラーコード覚え書き

WordPressで記事を書く時、カラーパレットを使ってテキストと背景の色を簡単に変更できるようになっています。このカラーパレットは、使っているテーマによってカスタマイズされているということを最近知りました。

現在こちらのサイトで使っているCocoonの場合、初期状態で25色が並んでいます。

Cocoon標準カラーパレット

パレットの下に並ぶ6個の白丸は、好みの色を6色追加できるための予備になっています。

何かの役に立つこともあるかもしれないと、カラーコードを抜き出してみました。

Cocoon標準カラーパレットのカラーコード

テキストクラス名背景色クラス名カラーコードサンプル
has-red-colorhas-amberbackground-color#e60033
has-pink-colorhas-bluebackground-color#e95295
has-purple-colorhas-brownbackground-color#884898
has-indigo-colorhas-cyanbackground-color#1e50a2
has-blue-colorhas-deep-orangebackground-color#0095d9
has-light-blue-colorhas-greenbackground-color#2ca9e1
has-cyan-colorhas-greybackground-color#00a3af
has-teal-colorhas-indigobackground-color#007b43
has-green-colorhas-light-bluebackground-color#3eb370
has-light-green-colorhas-light-greenbackground-color#8bc34a
has-lime-colorhas-limebackground-color#c3d825
has-yellow-colorhas-orangebackground-color#ffd900
has-amber-colorhas-pinkbackground-color#ffc107
has-orange-colorhas-purplebackground-color#f39800
has-deep-orange-colorhas-redbackground-color#ea5506
has-brown-colorhas-tealbackground-color#954e2a
has-grey-colorhas-watery-bluebackground-color#949495
has-watery-blue-colorhas-watery-greenbackground-color#f3fafe
has-watery-yellow-colorhas-watery-redbackground-color#fff7cc
has-watery-red-colorhas-watery-yellowbackground-color#fdf2f2
has-watery-green-colorhas-yellowbackground-color#ebf8f4

役に立つときもあるっ!

Cocoon

高速かつ高い安定性を誇る高性能レンタルサーバー【エックスサーバー】は、サイト運営に便利な機能が盛りだくさん。長年のサーバー運用実績を誇る安心・安全のレンタルサーバーです。

なんと!エックスサーバーと人気テーマCocoonが提携しました。

スポンサーリンク
スポンサーリンク
ぱそびば
タイトルとURLをコピーしました