Lineスタンプ,Line着せかえの作成,イラスト,App開発への軌跡

★☆決定版☆★Line着せかえのカラースキン一覧【50種】

  • HOME »
  • ★☆決定版☆★Line着せかえのカラースキン一覧【50種】

Line着せかえでは、テーマ作成にあたってプロフィール部分の背景などのメインカラーの設定が出来ます。
ただし50通りの決められた組み合わせの中からしか選ぶことが出来ないので、しっかり選ばないといけません。また、自分で背景を作成した後に色味が若干違うなどの不具合が出ると、全て直すのはかなりの手間になりますので初めにカラースキンを決めておくことをお勧めします

カラースキン決定の為に、各部位の色をRGBで調べてみました(#^.^#)

カラー統一の必要性

先ほどもお話ししたように、わずかに色味が違うと違和感が生まれます。統一したものと、多少違うものの違いを比べてみて下さい。ちなみに、iosとandroidで色味や組み合わせが若干違うので好みに合わせてください。

Green 07 vs Green 05の比較】

カラースキンの比較 Green07 vs Green05

カラースキンの比較

今回Green05のAndroidに合わせたつもりなのですが、自分で作っておいて色味が違うことに気が付きました(笑)。

カラースキン一覧

一覧をRGBで作成したいのですが、公式に発表されているわけではありませんので、画面上の色をペイントソフトで読み込ませる方法をとりました。(↑↑その方法で色が若干違ったのであんまりアテにしないでください。すみません(._.))

カラースキンの色の部分

カラースキンのテーマごとに色が違うのでそれぞれの部位に番号を振っておきます。この番号の色を調べていきます。

  • ①:上部Bar
  • ②:トークリスト
  • ②’:トーク区分
  • ③:メニュー背景
  • ④:トーク画面背景
  • ⑤:トークメッセージ背景(相手)
  • ⑥:トークメッセージ背景(自分)
  • ⑦:メッセージ入力背景
  • ⑦’:拡張機能(背景
  • ⑧:パスコード(上部)
  • ⑨:パスコード(下部)

カラー:B/W「5種類」

Line着せかえスキンカラー B/W(5)

スキンカラー B/W(5)

 

B/W 01の色調

B/W 01の【RGB表示】(クリックで表示します)
【B/W 01】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:248 R:248 ⑥トーク背景(自分) R:141 R:213
G:248 G:248 G:211 G:224
B:248 B:248 B:50 B:244
②トークリスト R:255 R:255 ⑦メッセージ入力背景 R:252 R:255
G:255 G:255 G:252 G:255
B:255 B:255 B:252 B:255
②’トークリスト(区分) R:255 R:255 ⑦’拡張メニュー背景 R:255 R:248
G:255 G:255 G:255 G:248
B:255 B:255 B:255 B:249
③メニュー背景 R:249 R:249 ⑧パスコード(上部) R:255 R:255
G:249 G:249 G:255 G:255
B:249 B:250 B:255 B:255
④トーク画面背景 R:208 R:237 ⑨パスコード(下部) R:255 R:255
G:218 G:239 G:255 G:255
B:228 B:243 B:255 B:255

  • 白色を基本色としたカラースキン
  • トーク背景はやや薄い青色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面はどちらも白
  • 上下メニューBarは白
  • 初期のメニュー背景は白

B/W 02の色調

B/W 02の【RGB表示】(クリックで表示します)
【B/W 02】 ios android
⑤トーク背景(相手) R:38 R:56
G:38 G:56
ios android B:38 B:56
①Top(上部) R:18 R:38 ⑥トーク背景(自分) R:89 R:255
G:18 G:38 G:89 G:255
B:18 B:38 B:89 B:255
②トークリスト R:18 R:38 ⑦メッセージ入力背景 R:18 R:47
G:18 G:38 G:18 G:47
B:18 B:38 B:18 B:47
②’トークリスト(区分) R:18 R:38 ⑦’拡張メニュー背景 R:18 R:38
G:18 G:38 G:18 G:38
B:18 B:38 B:18 B:38
③メニュー背景 R:18 R:38 ⑧パスコード(上部) R:18 R:53
G:18 G:38 G:18 G:53
B:18 B:38 B:18 B:53
④トーク画面背景 R:18 R:38 ⑨パスコード(下部) R:18 R:53
G:18 G:38 G:18 G:53
B:18 B:38 B:18 B:53


  • 基本色は黒系の暗めの色
  • 真っ黒ではなく黒に近い灰色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面はどちらも白
  • 上下メニューBarも共に黒系
  • 初期のメニュー背景も黒系

B/W 03の色調

B/W 03の【RGB表示】(クリックで表示します)
【B/W 03】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:255 R:255 ⑥トーク背景(自分) R:221 R:221
G:255 G:25 G:221 G:221
B:255 B:255 B:221 B:221
②トークリスト R:255 R:255 ⑦メッセージ入力背景 R:255 R:255
G:255 G:255 G:255 G:255
B:255 B:255 B:255 B:255
②’トークリスト(区分) R:255 R:255 ⑦’拡張メニュー背景 R:255 R:255
G:255 G:255 G:255 G:255
B:255 B:255 B:255 B:255
③メニュー背景 R:255 R:255 ⑧パスコード(上部) R:255 R:255
G:255 G:255 G:255 G:255
B:255 B:255 B:255 B:255
④トーク画面背景 R:255 R:255 ⑨パスコード(下部) R:243 R:232
G:255 G:255 G:243 G:232
B:255 B:255 B:243 B:232


  • 基本色は白色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面の下は灰色
  • 上下メニューBarも共に白色
  • 初期のメニュー背景も白


B/W 04の色調

B/W 04の【RGB表示】(クリックで表示します)
【B/W 04】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:255 R:255 ⑥トーク背景(自分) R:183 R:183
G:255 G:255 G:213 G:214
B:255 B:255 B:235 B:237
②トークリスト R:255 R:255 ⑦メッセージ入力背景 R:255 R:255
G:255 G:255 G:255 G:255
B:255 B:255 B:255 B:255
②’トークリスト(区分) R:255 R:255 ⑦’拡張メニュー背景 R:255 R:242
G:255 G:255 G:255 G:250
B:255 B:255 B:255 B:255
③メニュー背景 R:255 R:255 ⑧パスコード(上部) R:255 R:255
G:255 G:255 G:255 G:255
B:255 B:255 B:255 B:255
④トーク画面背景 R:255 R:255 ⑨パスコード(下部) R:17 R:17
G:255 G:255 G:117 G:117
B:255 B:255 B:189 B:189


  • 基本色白ベースと青色のカラー
  • メニューの文字系も青
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面の下は青(紺)
  • 上下メニューBarも共に白色
  • アンドロイドの拡張メニュー背景は水色
  • 初期のメニュー背景は白色

B/W 05の色調

B/W 05の【RGB表示】(クリックで表示します)
【B/W 05】 ios android
⑤トーク背景(相手) R:0 R:0
G:0 G:0
ios android B:0 B:0
①Top(上部) R:0 R:0 ⑥トーク背景(自分) R:43 R:43
G:0 G:0 G:43 G:43
B:0 B:0 B:43 B:43
②トークリスト R:0 R:0 ⑦メッセージ入力背景 R:255 R:255
G:0 G:0 G:255 G:255
B:0 B:0 B:255 B:255
②’トークリスト(区分) R:0 R:0 ⑦’拡張メニュー背景 R:0 R:23
G:0 G:0 G:0 G:23
B:0 B:0 B:0 B:23
③メニュー背景 R:255 R:255 ⑧パスコード(上部) R:0 R:0
G:255 G:255 G:0 G:0
B:255 B:255 B:0 B:0
④トーク画面背景 R:0 R:0 ⑨パスコード(下部) R:0 R:0
G:0 G:0 G:0 G:0
B:0 B:0 B:0 B:0


  • 基本色黒色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面は上下黒色
  • メッセージ入力背景は白色
  • 初期のメニュー背景は白色



PAGETOP
Copyright © GIzmo All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.