>> テーマ変更に伴い見づらい箇所や不具合があるかもしれません、ご迷惑をおかけします。→
PR

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

Cocoon・スキン
この記事は約21分で読めます。

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

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

one#5BE3FF#E4FBFF

Simple‐Darkmode

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

Simple‐Darkmode#757575#000000

Natural(ブルー)

Natural(ブルー)#73C3FB#E3F3FE

Natural(グリーン)

<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(シルク)

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)

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をコピーしました