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 |
コメント