Line着せかえカラースキンとは？

Line着せかえの作成において、カラースキン選びは重要でありテーマの印象をがらりと変えます。
カラースキンは全部で50種類もある為、迷うことが多いので一覧にまとめてみました。

着せかえテーマ作成時にイメージ編集しやすいようにRGB表示しました。
確認した方法は画像のプリントキャプチャーからMedibang Paintで抽出したもので、本来の色合いと
多少のずれが生じているかもしれませんが予めご了承ください。

カラースキン一覧へ

 

表の見方

Line着せかえ,カラー,RGB,表,一覧

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

 

B/W「5種類」

Line着せかえ,カラースキン,選ぶ,迷わない

B/W着せかえ

 

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

Line着せかえ,カラースキン,迷わない,決定,選択,おすすめ

  • 基本色は黒系の暗めの色
  • 真っ黒ではなく黒に近い灰色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面はどちらも白
  • 上下メニュー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

Line着せかえ,カラースキン,迷わない,決定,選択,おすすめ

  • 基本色は白色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面の下は灰色
  • 上下メニュー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

Line着せかえ,カラースキン,迷わない,決定,選択,おすすめ

  • 基本色白ベースと青色のカラー
  • メニューの文字系も青
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面の下は青(紺)
  • 上下メニュー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

Line着せかえ,カラースキン,迷わない,決定,選択,おすすめ

  • 基本色黒色
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面は上下黒色
  • メッセージ入力背景は白色
  • 初期のメニュー背景は白色
カラースキン一覧へ
スポンサーリンク
投稿タグ
, , , , , , , , , ,