Cocoonの使い方やカスタマイズとオリジナルスキン

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

スポンサーリンク
設定

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

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

それらスキンのキーカラーのカラーコードを一覧にしてみます。

 

綾糸
綾糸

利用しているスキンにカスタマイズを加えたい時などに参考にして下さい。

 

「スキンオプションから変更するサンプル」を含む
スキン画面サンプルと、ファイル構成やフォルダ名などは以下をご覧ください。

Cocoon標準スキン全種・画面サンプル一覧とファイル構成
Cocoonのデザインスキンは、標準で数十種類用意されています。 更に「隠れスキン(7種)」や「自作用サンプル」もあります。 たくさんのスキンの見た目を一気に見れるようにまとめました。 ...

 

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

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

 

スポンサーリンク

カラフルライン

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

カラフルライン

カラフルライン

 

シンプルスキン

シンプルブルー

シンプルブルー

#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)

Veilnui Simplog (amber)

#FFB300#FFCA28

Veilnui Simplog (blue)

Veilnui Simplog (blue)

#1E88E5#42A5F5

Veilnui Simplog (brown)

Veilnui Simplog (brown)

#6D4C41#8D6E63

Veilnui Simplog (deep purple)

Veilnui Simplog (deep purple)

#8E24AA#AB47BC

Veilnui Simplog (green)

Veilnui Simplog (green)

#43A047#66BB6A

Veilnui Simplog (indigo)

Veilnui Simplog (indigo)

#3949AB#5C6BC0

Veilnui Simplog (orange)

Veilnui Simplog (orange)

#FB8C00#FFA726

Veilnui Simplog (pink)

Veilnui Simplog (pink)

#D81B60#EC407A

Veilnui Simplog (red)

Veilnui Simplog (red)

#E53935#EF5350

Veilnui Simplog (teal)

Veilnui Simplog (teal)

#00897B#26A69A

 

隠れスキンのカラー

Veilnui Simplog (yellow)

Veilnui Simplog (yellow)

#FDD835#FFEE58

Veilnui Simplog (light green)

Veilnui Simplog (light green)

#7CB342#9CCC65

Veilnui Simplog (lime)

Veilnui Simplog (lime)

#C0CA33#D4E157

Veilnui Simplog (purple)

Veilnui Simplog (purple)

#8E24AA#AB47BC

Veilnui Simplog (light blue)

Veilnui Simplog (light blue)

#039BE5#29B6F6

Veilnui Simplog (deep orange)

Veilnui Simplog (deep orange)

#F4511E#FF7043

Veilnui Simplog (cyan)

Veilnui Simplog (cyan)

#00ACC1#26C6DA

 

Momoon(アクア)・他

Momoon(アクア)

Momoon(アクア)

#edfaff#c6efff

Momoon(グリーン)

Momoon(グリーン)

#f4fef5#b4ffc0

Momoon(オレンジ)

Momoon(オレンジ)

#ffeccd#ffce80

Momoon(ピンク)

Momoon(ピンク)

#fff9f9#ffc6c6

Momoon(パープル)

#fdf9ff#e9c6ff

 

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

 

tecurio earth・他

tecurio earth

tecurio earth

#F0FF00#58CFFB#4C83FF

tecurio grape

tecurio grape

#AA076B#61045F#753a88

tecurio lime

tecurio lime

#FFF720#58CFFB#3CD500

tecurio mango

tecurio mango

#ffe259#FF8008#ffa751

tecurio moon

tecurio moon

#BBD2C5#003973#536976

tecurio peach

tecurio peach

#FFEDBC#ec008c#ED4264

tecurio sky

tecurio sky

#56CCF2#0052D4#2F80ED

tecurio soil

tecurio soil

#F0C27B#000000#4B1248

tecurio sunset

tecurio sunset

#ff6a00#EB3349#ee0979

 

Season (Spring)・他

Season (Spring)

Season (Spring)

#89c997#f19ec2

Season (Summer)

Season (Summer)

#00a0e9#f6ff00

Season (Autumn)

Season (Autumn)

#9b7b6c#f39800

Season (Winter)

Season (Winter)

#88abda#84ccc9

 

COLORS(イエロー)・他

COLORS(イエロー)

COLORS(イエロー)

#f8b500

COLORS(グリーン)

COLORS(グリーン)

#007b43

COLORS(ピンク)

COLORS(ピンク)

#e95295

COLORS(レッド)

COLORS(レッド)

#d3381c

COLORS(ブラック)

COLORS(ブラック)

#393f4c

COLORS(ブルー)

COLORS(ブルー)

#0095d9

 

Like Simplicity

Like Simplicity

Like Simplicity

#F7F7F7#e7e7e7

 

モダンブラック

モダンブラック

モダンブラック

#202020#595857#f6f6f6

 

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

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

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

#43676b

Fuwari -海松茶(みるちゃ)

Fuwari -海松茶(みるちゃ)

#5a544b

Fuwari -海老茶(えびちゃ)

Fuwari -海老茶(えびちゃ)

#773c30

Fuwari -褐色(かちいろ)

Fuwari -褐色(かちいろ)

#4d4c61

 

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

Bizarre-food(グリーンソバ)

Bizarre-food(グリーンソバ)

#20b2aa

Bizarre-food(ピンクワイン)

Bizarre-food(ピンクワイン)

#ffb6c1

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

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

#f5f5f5

Bizarre-food(ブルーカレー)

Bizarre-food(ブルーカレー)

#87cefa

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

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

m-sora

#24ade2#6cb4e4#dfefff

m-tomato

m-tomato

#ff6347#ffc994#dc143c

 

Hygiene

Hygiene

Hygiene

#5572ff#967cff#ff58cc

 

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

ドット・レイニーブルー

ドット・レイニーブルー

#395370#c4b682

ドット・ワインレッド

ドット・ワインレッド

#7b3341#fdeadf

 

ほんわかライトニング

ほんわかライトニング

ほんわかライトニング

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

 

 

コメント

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