Cocoonのデザインスキンは、標準で数十種類用意されています。
更に「隠れスキン（７種）」や「自作用サンプル」もあります。
利用しているスキンにカスタマイズを加えたい時などに参考にして下さい。
スキンの画面サンプルと、ファイル構成やフォルダ名などは以下をご覧ください。
Cocoon標準スキン全種・画面サンプル一覧とファイル構成
スキンの設定 Cocoonのデザインスキンは、標準で100種類以上用意されています。 たくさんのスキンの見た目を一気に見れるようにまとめました。 設定は「Cocoon設定」の「スキン」タブから選択。 各スキンで使われているカラーコードは以下...
Cocoon機能の文字装飾カラーコードは以下にまとめています。
Cocoon文字装飾スタイル・サンプルとカラーコードとクラス名一覧
Cocoonに標準で準備されている文字装飾のスタイルの初期カラーコードとクラス名を一覧にまとめました。 ちょっと色を変えたい時などにご利用下さい。 マーカー スタイル クラス名 色 黄色 .marker 黄色：#ffff99 赤 .mark...
目次
- てがきノート(ブルーコーラル)
- てがきノート(グリーンオレンジ)
- てがきノート(ピンクレモン)
- てがきノート(ホワイトバナナ)
- てがきノート(ダークスカイ)
- one
- Simple‐Darkmode
- Simple‐Darkmode Always（常時ダークモード）
- Natural（ブルー）
- Natural（グリーン）
- モノクロ
- イノセンス
- アリス（無印）
- アリス（チェシャ猫）
- アリス（白ウサギ)
- アリス（ユニコーン）
- アリス（ローズ）
- アリス（ビタミン)
- SILK（シルク)
- みるらいと
- 凸凹
- カラフルライン
- シンプルスキン
- ダークエンジ・他
- ミックスグリーン・他
- Veilnui Simplog（amber）・他
- Momoon（アクア）・他
- tecurio earth・他
- Season (Spring)・他
- COLORS（イエロー）・他
- Like Simplicity
- モダンブラック
- Fuwari -御召茶(おめしちゃ)・他
- Bizarre-food（グリーンソバ）・他
- 旅カメラ
- おでかけピンク・他
- いつものコーヒー・他
- サムライブルー（勝色）・無地
- m-sora・m-tomato
- Hygiene
- ドット・レイニーブルー／ワインレッド
- ほんわかライトニング
てがきノート(ブルーコーラル)
| #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）・他
| #FFB300 | #FFCA28 | |
| #1E88E5 | #42A5F5 | |
| #6D4C41 | #8D6E63 | |
| #8E24AA | #AB47BC | |
| #43A047 | #66BB6A | |
| #3949AB | #5C6BC0 | |
| #FB8C00 | #FFA726 | |
| #D81B60 | #EC407A | |
| #E53935 | #EF5350 | |
| #00897B | #26A69A |
隠れスキンのカラー
| #FDD835 | #FFEE58 | |
| #7CB342 | #9CCC65 | |
| #C0CA33 | #D4E157 | |
| #8E24AA | #AB47BC | |
| #039BE5 | #29B6F6 | |
| #F4511E | #FF7043 | |
| #00ACC1 | #26C6DA |
Momoon（アクア）・他
| #edfaff | #c6efff | |
| #f4fef5 | #b4ffc0 | |
| #ffeccd | #ffce80 | |
| #fff9f9 | #ffc6c6 | |
| #fdf9ff | #e9c6ff |
このスキンの色を変更するカスタマイズは以下にまとめています。
tecurio earth・他
| #F0FF00 | #58CFFB | #4C83FF | |
| #AA076B | #61045F | #753a88 | |
| #FFF720 | #58CFFB | #3CD500 | |
| #ffe259 | #FF8008 | #ffa751 | |
| #BBD2C5 | #003973 | #536976 | |
| #FFEDBC | #ec008c | #ED4264 | |
| #56CCF2 | #0052D4 | #2F80ED | |
| #F0C27B | #000000 | #4B1248 | |
| #ff6a00 | #EB3349 | #ee0979 |
Season (Spring)・他
| #89c997 | #f19ec2 | |
| #00a0e9 | #f6ff00 | |
| #9b7b6c | #f39800 | |
| #88abda | #84ccc9 |
COLORS（イエロー）・他
| #f8b500 | #007b43 | ||
| #e95295 | #d3381c | ||
| #393f4c | #0095d9 |
Like Simplicity
| #F7F7F7 | #e7e7e7 |
モダンブラック
| #202020 | #595857 | #f6f6f6 |
Fuwari -御召茶(おめしちゃ)・他
| #43676b | #5a544b | ||
| #773c30 | #4d4c61 |
Bizarre-food（グリーンソバ）・他
| #20b2aa | #ffb6c1 | ||
| #f5f5f5 | #87cefa | ||
| #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
| #24ade2 | #6cb4e4 | #dfefff | |
| #ff6347 | #ffc994 | #dc143c |
Hygiene
| #5572ff | #967cff | #ff58cc |
ドット・レイニーブルー／ワインレッド
| #395370 | #c4b682 | |
| #7b3341 | #fdeadf |
ほんわかライトニング
| #faf7ef | #d9ffe0 | #75c785 | |
| #85c6f4 | #ffeaea | #dd4b39 | |
| #c0fca9 | #f8fbfb | #95e7a5 |