Cocoon標準スキン全種の画面サンプルとカラーコード一覧

Cocoonのデザインスキンは、標準で数十種類用意されています。

更に「隠れスキン(7種)」や「自作用サンプル」もあります。

それらスキンのキーカラーのカラーコードを一覧にしてみます。
利用しているスキンにカスタマイズを加えたい時などに参考にして下さい。

スキンの画面サンプルと、ファイル構成やフォルダ名などは以下をご覧ください。

Cocoon標準スキン全種・画面サンプル一覧とファイル構成
スキンの設定 Cocoonのデザインスキンは、標準で100種類以上用意されています。 たくさんのスキンの見た目を一気に見れるようにまとめました。 設定は「Cocoon設定」の「スキン」タブから選択。 各スキンで使われているカラーコードは以下...

 

Cocoon機能の文字装飾カラーコードは以下にまとめています。

Cocoon文字装飾スタイル・サンプルとカラーコードとクラス名一覧
Cocoonに標準で準備されている文字装飾のスタイルの初期カラーコードとクラス名を一覧にまとめました。 ちょっと色を変えたい時などにご利用下さい。 マーカー スタイル クラス名 色 黄色 .marker 黄色:#ffff99 赤 .mark...

 


 

てがきノート(ブルーコーラル)

#8FBBEA #F0EBE8
#777778 #F8D5D2

 

てがきノート(グリーンオレンジ)

#A4EA8F #FDEBCF
#777778 #FEECCF

 

てがきノート(ピンクレモン)

#ED9D9D #F0EBE8
#777778 #FDFACF

 

てがきノート(ホワイトバナナ)

#FDE589 #F0EBE8
#777778 #CAF0B0

 

てがきノート(ダークスカイ)

#95C2FF #42413F
#232323 #7B5D96

 

one

キーカラーを自分の好きな色に変更できます。

#5BE3FF #E4FBFF

 

 

Simple‐Darkmode

Simple‐Darkmode Always(常時ダークモード)

#757575 #000000

 

Natural(ブルー)

 

#73C3FB #E3F3FE

 

Natural(グリーン)

 

< #86CFCF #E2F3F3

 

モノクロ

 

#333333 #E9E9E9 #979F9A

 

イノセンス

 

#5a5a5a #777777 #1e92bf

 

アリス(無印)

#c6eeee #95e5e2 #7fbfff
#ef97e8 #ff928b #f7f7f7

 

アリス(チェシャ猫)

#ffe0fd #fff3fd #ffc8fb
#7fbfff #ef97e8 #f7f7f7

 

アリス(白ウサギ)

#c5ddf7 #7fbfff #ffffff
#ef97e8 #1588fb #f7f7f7

 

アリス(ユニコーン)

#E6E0FF #F6ECFF #9973F5
#AAEDF4 #F55E91 #CBF7FD

 

アリス(ローズ)

#F9F0EE #F3E5E3 #7B5959
#FF3083 #B59C66 #EC98C1

 

アリス(ビタミン)

#FEF56B #86DA41 #ACDE39
#ef97e8 #FF9800 #F1FDC3

 

SILK(シルク)

#484848 #cccccc #999999

 

みるらいと

#fffcf9 #faf5f0 #eee6da
#72695c #fcfaf8 #d3cdc3

 

凸凹

 

#D8EEFF #568EBF #CBDFEF

 

カラフルライン

カラフルラインについては、色数が多い為、「キーカラーはこれ!」といった色がないので省略します。

カラフルライン

 

シンプルスキン

シンプルブルー

#3399cc #49add1 #f4f5f7

シンプルネイビー

#005488 #6b89af #f4f5f7

シンプルグリーン

#28b893 #81d0b6 #f4f5f7

シンプルピンク

#f88fa7 #fdb5c3 #f4f5f7

シンプルレッド

#eb373c #fd8478 #f4f5f7

 

ダークエンジ・他

ダークエンジ

#d3d3d3 #191919 #84172f

ダークカモノハ

#d3d3d3 #191919 #075f66

ダークルリ

#d3d3d3 #191919 #1b51ad

 

ミックスグリーン・他

ミックスグリーン

#298c60 #009250 #edad0b

ミックスブルー

#28569a #3261ab #eaa8bf

ミックスレッド

#ce2c5a #c1385f #43a8ca

 

Veilnui Simplog(amber)・他

Veilnui Simplog (amber)

#FFB300 #FFCA28

Veilnui Simplog (blue)

#1E88E5 #42A5F5

Veilnui Simplog (brown)

#6D4C41 #8D6E63

Veilnui Simplog (deep purple)

#8E24AA #AB47BC

Veilnui Simplog (green)

#43A047 #66BB6A

Veilnui Simplog (indigo)

#3949AB #5C6BC0

Veilnui Simplog (orange)

#FB8C00 #FFA726

Veilnui Simplog (pink)

#D81B60 #EC407A

Veilnui Simplog (red)

#E53935 #EF5350

Veilnui Simplog (teal)

#00897B #26A69A

 

隠れスキンのカラー

Veilnui Simplog (yellow)

#FDD835 #FFEE58

Veilnui Simplog (light green)

#7CB342 #9CCC65

Veilnui Simplog (lime)

#C0CA33 #D4E157

Veilnui Simplog (purple)

#8E24AA #AB47BC

Veilnui Simplog (light blue)

#039BE5 #29B6F6

Veilnui Simplog (deep orange)

#F4511E #FF7043

Veilnui Simplog (cyan)

#00ACC1 #26C6DA

 

Momoon(アクア)・他

Momoon(アクア)

#edfaff #c6efff

Momoon(グリーン)

#f4fef5 #b4ffc0

Momoon(オレンジ)

#ffeccd #ffce80

Momoon(ピンク)

#fff9f9 #ffc6c6

Momoon(パープル)

#fdf9ff #e9c6ff

 

このスキンの色を変更するカスタマイズは以下にまとめています。

 

tecurio earth・他

tecurio earth

#F0FF00 #58CFFB #4C83FF

tecurio grape

#AA076B #61045F #753a88

tecurio lime

#FFF720 #58CFFB #3CD500

tecurio mango

#ffe259 #FF8008 #ffa751

tecurio moon

#BBD2C5 #003973 #536976

tecurio peach

#FFEDBC #ec008c #ED4264

tecurio sky

#56CCF2 #0052D4 #2F80ED

tecurio soil

#F0C27B #000000 #4B1248

tecurio sunset

#ff6a00 #EB3349 #ee0979

 

Season (Spring)・他

Season (Spring)

#89c997 #f19ec2

Season (Summer)

#00a0e9 #f6ff00

Season (Autumn)

#9b7b6c #f39800

Season (Winter)

#88abda #84ccc9

 

COLORS(イエロー)・他

COLORS(イエロー)

#f8b500

COLORS(グリーン)

#007b43

COLORS(ピンク)

#e95295

COLORS(レッド)

#d3381c

COLORS(ブラック)

#393f4c

COLORS(ブルー)

#0095d9

 

Like Simplicity

Like Simplicity

#F7F7F7 #e7e7e7

 

モダンブラック

モダンブラック

#202020 #595857 #f6f6f6

 

Fuwari -御召茶(おめしちゃ)・他

Fuwari -御召茶(おめしちゃ)

#43676b

Fuwari -海松茶(みるちゃ)

#5a544b

Fuwari -海老茶(えびちゃ)

#773c30

Fuwari -褐色(かちいろ)

#4d4c61

 

Bizarre-food(グリーンソバ)・他

Bizarre-food(グリーンソバ)

#20b2aa

Bizarre-food(ピンクワイン)

#ffb6c1

Bizarre-food(ホワイトラーメン)

#f5f5f5

Bizarre-food(ブルーカレー)

#87cefa

Bizarre-food(ブラックバーガー)

#292929

 

旅カメラ

旅カメラ

#4b4b4b #999999
#F29B91 #F09290
#83B3DB #84ADCB

 

おでかけピンク・他

おでかけピンク

#F1EDD0 #FF847C #eb6988 #2A363B

おでかけブルー

#C6E5D9 #5385C2 #3F63F4 #ADD8E6

おでかけレモン

#FAEEBE #FEF05C #F7CF41 #FFF78E

 

いつものコーヒー・他

いつものコーヒー

#F2E7C7 #594321 #9BE4E8

いつものローズ

#F2E7C7 #F57388 #BBDAD9

いつもの深海

#333333 #234777 #FEBF00

 

サムライブルー(勝色)・無地

サムライブルー(勝色)

#3f4a8c #282d48 #ea3535

サムライブルー(無印)

#eceef8 #2b2c48 #d3d6db

 

m-sora・m-tomato

m-sora

#24ade2 #6cb4e4 #dfefff

m-tomato

#ff6347 #ffc994 #dc143c

 

Hygiene

Hygiene

#5572ff #967cff #ff58cc

 

ドット・レイニーブルー/ワインレッド

ドット・レイニーブルー

#395370 #c4b682

ドット・ワインレッド

#7b3341 #fdeadf

 

ほんわかライトニング

ほんわかライトニング

#faf7ef #d9ffe0 #75c785
#85c6f4 #ffeaea #dd4b39
#c0fca9 #f8fbfb #95e7a5

 

 

綾糸: 綾糸 主婦 1990年代、汎用機時代のエンジニア 趣味で長くやっていたweb制作は、未だにエディタでの手コーティング 現在は自宅でゆるりとweb制作やライターをしています