シロクマくんとほしぞらの丘|全カラーまとめ
2026年6月3日更新版
✨ 2026/6/3 シロクマくんの白さを守る影と光(8色)を追加
コデちゃん監修。白いキャラクターの立体感を壊さないための影・光専用セット。目次「白さを守る影と光」から確認できます。
🚢 2026/6/3 P3「舟で出発」色ラフ確定・色を更新
チャッピー生成イラストをもとにP3の色を実際の絵に合わせて更新しました。
・海の色を実際のイラストに合わせた明るい青(#7ABCD2)に更新
・舟の影色・オールの色を新規追加
・左コマの室内壁・ランプをP2確定色に統一
・Procreate用スウォッチファイル「P3_舟で出発.swatches」を新規作成(17色)
🌗 2026/6/1 光と影の考え方を追加
・Procreateでの使い方(乗算・スクリーン・オーバーレイの%目安)
・シーン別の影色・光色の考え方(昼・森・夕方・夜の4シーン)
👤 キャラクター・小物カラー
講評フィードバック(2026/5/26):「ベージュっぽい→白色を使って」
シロクマくんらしい白さを出すため、毛色を青みがかった白に変更。スカーフの赤がより際立ちます。
変更前 → 変更後
毛 基本(昼)NEW
#F2F8FC
青みがかった白・シロクマらしい白さ
毛 暗め(昼)NEW
#B8CDD9
青みグレー・体の丸み・足裏まわり
毛 基本(夜)NEW
#EDF4F8
夜空に映える青白
毛 暗め(夜)NEW
#A8BEC9
夜の青みグレー・耳・顔下側
スカーフ(昼)
#E95A32
鮮やかな赤・物語の目印
スカーフ(P5)
#D95F30
森シーン用・中間の赤
シロクマくんは白いキャラクターなので、影を暗くしすぎると「白さ」が失われてしまう。
この8色は「白さを守りながら立体感を出す」専用セット。Procreate用スウォッチ:シロクマくん_白さを守る影と光.swatches
※ Procreateでは色名が表示されないため、並び順(1〜8番)でこのメモを参照してください。
🌑 影レイヤー(乗算)
① ごく薄い影
#E3EAF4
耳の内側・手の丸み・体のうすい境目。白さをほぼ残したい場所に。
② 基本の影 ⭐
#D7E2F1
乗算8〜15%。手・腕・体の重なりの中心色。まずここから始める。
③ やや強い影
#C8D6EA
境目をはっきり見せたい所。筆を持つ手と体の間、スケッチブックに触れる手の下など。
④ 接地影
#B9C9E6
少し強めの接地影。スカーフ下・体の下・スケッチブック下。使いすぎ注意。
⑧ スカーフ下補助影
#D0DAEA
赤いスカーフの下で白い体との境目を出したい時に少しだけ。
☀️ 光レイヤー(スクリーン)
⑤ 冷たい白い光 ⭐
#F8FCFF
スクリーン5〜10%。雪や空の反射を感じる白。光はここか⑥から始める。
⑥ ミルキーな光 ⭐
#FFFDF5
頭・耳上・手の上側にほんの少し。あたたかさを残す白。
⑦ 雪の反射光
#EEF8FF
下から少し明るくしたい時や、白を青白く整えたい時。
💡 基本の使い方(コデちゃん推奨)
まず ②(#D7E2F1)を乗算で薄くかけるところから始める。
境目が足りない → ③を追加。かなり重なっている → ④を少しだけ。
光は ⑤か⑥をスクリーンで薄く。これがシロクマくんの白さを守る基本です。
低彩度の桃ピンク。明るく元気だけど甘くなりすぎない。
P6登場シーンは明るめ:
毛 基本(P6)
#F2B7B5
明るい桃ピンク・登場の主役色
ほっぺ・鼻(P6)
#E77783
赤みピンク・表情まわり
青みグレーを主役に。シロクマくんの白とつながる「旅の相棒」感。
羽(夜・P10)
#224D82
夜に沈みすぎない青い羽色
くちばし・足NEW
#E5A95F
オレンジ寄りの暖色・P2色ラフ確定
🎒 小物カラー
シロクマくんの画材道具セット。リュックのマスタードが全体のアクセント。
絵の具 青NEW
#6FABD7
明るい水色・P1スケッチブックの絵
🌅 ページ別 背景色(昼シーン P1〜P4)
昼雪原
変更:雪・氷の色をクリーム系 → 青みがかった白に変更。涼しい世界観へ。
雪・氷 明NEW
#E5F0F8
涼しい青みの白・近景の雪原
海 基本
#1E89C9
水平線の海・P3/P4と統一
▲ 目次へ
昼家の外観・室内
コマ割り構成。左:外観・うみどりさんが窓に向かって飛んでくる。右:室内・シロクマくんとうみどりさんがテーブルで話している。
🔵 2026/6/1 色ラフ反映
・家の外壁:氷の水色 → グレーベージュの木造外壁に変更
・室内壁:薄いベージュ → アンバーゴールドに変更(より暖かい印象)
・マグカップ・木の器・赤い実・ランプ本体を新規追加
【外観コマ】
家の外壁NEW
#C2B8AA
グレーベージュの木造外壁
屋根の雪NEW
#EEF4F8
屋根・窓枠に積もった雪
窓の光(外)NEW
#FFD060
外から見た窓の暖かい光
【室内コマ】
室内壁NEW
#D4A840
暖かいアンバーゴールド・室内の主役色
ランプ本体NEW
#3C2618
ペンダントランプのダークブラウン
マグカップNEW
#7A9BAA
シロクマ模様の青みグレーマグ
▲ 目次へ
昼白背景・海
左ページ:白いページにリュック・筆・絵の具パレットが並ぶ。下部に水色の波カーブ。右ページ:木の舟に乗って海へ出発。うみどりさんが舟の縁に乗っている。
🔵 2026/6/3 色ラフ反映
・左ページ:室内シーンではなく、白背景に荷物(リュック・画材)の構成に確定
・海の色:実際のイラストに合わせた明るい青(#7ABCD2)に確定
・舟の影色・オール:新規追加
・Procreate用:P3_舟で出発.swatches(15色)を新規作成
【左ページ:荷物・画材】
波カーブ(下部)NEW
#C0DCEC
左ページ下部の水色波形・右ページの海とつながる
【右ページ:海・舟出発】
海 基本NEW
#7ABCD2
実際のイラストに合わせた明るい青
海 ハイライトNEW
#D8EEF8
波・光の反射・水面のきらめき
オールNEW
#C49048
木のオール・ゴールドブラウン
▲ 目次へ
昼海・見開き
見開きの広大な海。クジラやお魚。水平線の向こうに森の島が見える。
▲ 目次へ
🌿 ページ別 背景色(森シーン P5〜P8)
昼森の小道
シロクマくんとうみどりさんが歩いていると足元に木の実がころころ。ウサギさんはまだ見えない。
▲ 目次へ
昼森・草原
ウサギさんがページいっぱいにドーン!どんぐりが飛び散ってコミカルで賑やか。
背景ベース
#E5E7B4
クリーム黄緑・空気感メイン
▲ 目次へ
昼森の小道
みんなで木の実を拾いながら会話。P5と同じ森の小道。背景はP5から引き継ぐ。
▲ 目次へ
夕暮れ前森→丘へ
昼から夕方に変わりはじめるタイミング。みんなが後ろ姿で続いていく。★補完色あり。
空(夕方前)★補完
#D9C4A0
オレンジがかった夕方前の空
葉 影(夕)★補完
#5A7A45
夕方の日陰になった葉
🌇 ページ別 背景色(夕暮れ〜夜 P9〜P12)
夕暮れ〜夜森の中
木々の隙間からオレンジ色の夕焼け空。3人のシルエットが森の奥へ歩いていく。★補完色あり。
夕焼け空(下)★補完
#E89258
暖かいオレンジ・空のメイン
夕焼け空(中)★補完
#C27844
やや濃いオレンジ
空(上・夜へ)★補完
#9BADC5
夜空の青紫に近づく
森のシルエット★補完
#2A3826
木々の暗いシルエット
地面シルエット★補完
#3A4830
足元の地面・暗い草
▲ 目次へ
夜広い丘
森が開けて丘に出る。空はすっかり夜の色。シロクマくんが右上を見上げる。P11への直前・息をのむ静寂。
星 黄色
#DCA737
大きめの星・暖かいアクセント
▲ 目次へ
夜丘・見開き
感情の頂点。満天の星空がどーんと広がる。P10より少し明るく・星が多く・にぎやか。
▲ 目次へ
夜丘
P11の余韻。スケッチブックはまっ白。静かで穏やか。星の密度はP11より控えめ。★補完色あり。
シルエット★補完
#03152E
キャラクターの暗いシルエット
🌗 光と影の考え方
この絵本では、影は「物そのものの色を暗くした色」ではなく、
その場面全体を包んでいる空気の色として考える。
光は、その場面にある光源の色として考える。
基本の考え方
- 影色:場面全体の空気色。基本は乗算レイヤーで使用する。
- 光色:太陽、窓の灯り、星明かりなど、光源の色。基本はスクリーンまたはオーバーレイで使用する。
- 同じページ内では、影色をなるべく1色にそろえると、絵全体の空気感がまとまりやすい。
- 光色も基本は1色。窓の灯りや星の光など、特別な光源がある時だけ補助の光色を足す。
Procreateでの使い方
影:乗算レイヤー
15〜30%
くらいから試す。濃くしたい場所は別の色に変えず、同じ影色を重ねて調整する。
光:スクリーン
10〜25%
くらいから試す。青白い光・星明かりなど冷たい光に向いている。
夕方・ランプ:オーバーレイ
10〜20%
くらいから試す。暖色の光(夕焼け・ランプ)に使うと場面らしさが出やすい。
シーン別 影と光セット(確定)
📂 Procreate用スウォッチファイル:絵本_影と光セット.swatches 並び順は「影 → 光」のペア
☀️ 昼・雪原・海(P1〜P4)
青空・雪・海に包まれた場面。影は淡いブルーグレー〜青紫。
光は少しクリームがかった白(真っ白にしない)。
🌿 森・日中(P5〜P7)
木々や葉の色が回り込む場面。影は青緑〜くすんだ緑灰色。
光は木漏れ日のような黄色みのある白。
🌅 夕方・森(P8〜P9)
日が傾いて静けさが増す場面。影は紫寄りにして静けさを出す。
光は淡いオレンジ〜クリーム色。オーバーレイで夕方らしさが出やすい。
🌙 夜・星空(P10〜P12)
星空・夜の場面。影は紺〜青紫で深く静かな空気を作る。
光は星明かりのような青白い色。スクリーンで薄く重ねる。
P1(雪原・海・青空シーン)の考え方
影:空からスポイトした水色をそのまま使うのではなく、少し彩度と明度を下げ、必要なら少し青紫寄りにする。
光:太陽の色を考えるが、雪と氷の世界なので強い黄色にせず、かなり白に近いクリーム色にする。
雪や氷からの反射光もあるため、影は暗くしすぎず、淡く透明感を残す。
注意事項
- 影を黒やグレーだけで作らない。
- モチーフごとに影色を変えすぎない。
- 光を入れすぎて、ツヤツヤ・キラキラにしすぎない。
- 絵本らしい静かな空気を優先し、影も光も薄く重ねて調整する。
▲ 目次へ
🎨 シーン別 影・光レイヤー色(ページ別詳細)
☀️ 昼シーン共通(P1〜P4 雪原・海)
共通影乗算
#9BB0BE
青みグレー影。20〜30%推奨
太陽の光追加
#FFE8A8
太陽の暖かい光。覆い焼き想定
🌿 森シーン(P5〜P8)
森の影乗算
#9CA18F
木々の中・緑寄りの空気感。15〜25%
共通影乗算
#B7AAA1
キャラへの通常影。20〜30%
🌌 P10 夜(顔アップ)
夜の空気影乗算
#253F70
キャラの夜なじませ。10〜18%
✨ P11 星空(感情の頂点)
夜の空気影乗算
#2F4777
キャラ・小物の夜なじませ。10〜20%
強い光追加
#FFF6CC
感情の頂点・最も強く光る星
🔗 全体の色統一チェックポイント【20260601更新版】
☀️昼の空(P1〜P4):#CFE2EE で統一。P5の木漏れ日は#BBD9E3。
❄️昼の雪・氷(P1〜P3):#E5F0F8(青みの白)で統一。#F3EBD7(旧・クリーム)から変更
🐻❄️シロクマくんの毛色(昼):#F2F8FC(青みの白)。#F7EEDB(旧・ベージュ)から変更
🌙シロクマくんの毛色(夜):#EDF4F8(夜の青白)。#F5ECD6(旧)から変更
🌿森の陽だまり・小道(P5・P7):#EDE0A6 / #E7DEA6 で統一。
🌙夜空ベース(P10〜P12):P10が最も深く#062653、P11が少し明るく#072A57、P12はP11と統一。
🧣スカーフの赤:昼は#E95A32、P5は#D95F30、夜は#CE351D。
🚢P3 海の色:#7ABCD2(実際のイラストに合わせた明るい青)。P1・P4の#1E89C9とは別色。舟木材は#A07A40。
✏️★補完色(P8・P9・P12):P8夕方前#D9C4A0、P9夕焼け#E89258 は描きながら調整してください。
🌗影・光レイヤー(シーン別確定):昼の影#B9C9E6、森の影#9FBFAF、夕方の影#9C95B8、夜の影#29345F。詳細は「光と影の考え方」セクション参照。