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

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

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

カラースキン一覧へ

 

表の見方

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

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

 

Blue「5種類」

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

Blue着せかえ

Blue 01の色調

Blue 01の【RGB表示】(クリックで表示します)
【B/W 01】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top（上部） R:52 R:108 ⑥トーク背景（自分） R:255 R:255
G:152 G:175 G:252 G:240
B:219 B:231 B:0 B:1
②トークリスト R:59 R:108 ⑦メッセージ入力背景 R:52 R:255
G:157 G:175 G:152 G:255
B:223 B:231 B:219 B:255
②’トークリスト(区分) R:59 R:108 ⑦’拡張メニュー背景 R:52 R:101
G:157 G:175 G:152 G:167
B:223 B:231 B:219 B:222
③メニュー背景 R:52 R:108 ⑧パスコード(上部) R:59 R:108
G:152 G:175 G:175 G:175
B:219 B:231 B:223 B:231
④トーク画面背景 R:59 R:59 ⑨パスコード(下部) R:59 R:108
G:157 G:157 G:157 G:175
B:223 B:223 B:223 B:231


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

Blue 02の色調

Blue 02の【RGB表示】(クリックで表示します)
【Blue 02】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top（上部） R:0 R:0 ⑥トーク背景（自分） R:255 R:255
G:153 G:153 G:255 G:246
B:204 B:204 B:0 B:0
②トークリスト R:255 R:252 ⑦メッセージ入力背景 R:250 R:255
G:255 G:252 G:250 G:255
B:255 B:252 B:250 B:255
②’トークリスト(区分) R:247 R:252 ⑦’拡張メニュー背景 R:250 R:244
G:247 G:252 G:248 G:244
B:247 B:252 B:245 B:244
③メニュー背景 R:250 R:0 ⑧パスコード(上部) R:255 R:255
G:250 G:153 G:255 G:255
B:250 B:204 B:255 B:255
④トーク画面背景 R:216 R:216 ⑨パスコード(下部) R:0 R:0
G:237 G:237 G:153 G:153
B:244 B:244 B:204 B:204


  • 基本薄目の水色or白色
  • トークリストの項目と区分に若干の色の変化
  • パスコード入力画面の下は水色
  • 上Bar：水色/上Bar：白色
  • 初期のメニュー背景はiosで白色
カラースキン一覧へ

Blue 03の色調

Blue 03の【RGB表示】(クリックで表示します)
【Blue 03】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top（上部） R:51 R:129 ⑥トーク背景（自分） R:146 R:173
G:203 G:210 G:224 G:224
B:230 B:240 B:241 B:243
②トークリスト R:244 R:250 ⑦メッセージ入力背景 R:81 R:227
G:253 G:254 G:203 G:249
B:255 B:255 B:230 B:255
②’トークリスト(区分) R:230 R:250 ⑦’拡張メニュー背景 R:81 R:129
G:251 G:254 G:203 G:210
B:255 B:255 B:230 B:240
③メニュー背景 R:249 R:230 ⑧パスコード(上部) R:81 R:129
G:252 G:245 G:203 G:210
B:255 B:251 B:230 B:240
④トーク画面背景 R:244 R:240 ⑨パスコード(下部) R:250 R:250
G:253 G:252 G:254 G:254
B:255 B:255 B:255 B:255


  • 基本色は薄い水色
  • トークリストの項目と区分に若干の色の変化
  • パスコード入力画面の下は白系
  • 上下メニューBar共に水色
  • 初期のメニュー背景も水色
カラースキン一覧へ


Blue 04の色調

Blue 04の【RGB表示】(クリックで表示します)
【Blue 04】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top（上部） R:34 R:46 ⑥トーク背景（自分） R:129 R:129
G:178 G:188 G:204 G:204
B:230 B:238 B:113 B:113
②トークリスト R:229 R:229 ⑦メッセージ入力背景 R:76 R:255
G:248 G:247 G:168 G:255
B:255 B:255 B:57 B:255
②’トークリスト(区分) R:229 R:229 ⑦’拡張メニュー背景 R:64 R:64
G:248 G:247 G:198 G:198
B:255 B:255 B:246 B:246
③メニュー背景 R:76 R:46 ⑧パスコード(上部) R:229 R:229
G:168 G:188 G:275 G:247
B:57 B:239 B:255 B:255
④トーク画面背景 R:230 R:230 ⑨パスコード(下部) R:46 R:49
G:247 G:247 G:188 G:188
B:255 B:255 B:238 B:238


  • 基本は水色のテーマ
  • メニューの文字系は白
  • トークリストの項目で色の違いは無し
  • パスコード入力画面の下は濃い水色
  • 下メニューBarはOSによって大きく違う
  • 初期のメニュー背景は緑ｏｒ水色
カラースキン一覧へ

Blue 05の色調

Blue 05の【RGB表示】(クリックで表示します)
【Blue 05】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top（上部） R:86 R:120 ⑥トーク背景（自分） R:122 R:175
G:175 G:187 G:200 G:218
B:231 B:236 B:250 B:250
②トークリスト R:115 R:61 ⑦メッセージ入力背景 R:60 R:255
G:192 G:59 G:71 G:255
B:241 B:59 B:78 B:255
②’トークリスト(区分) R:115 R:61 ⑦’拡張メニュー背景 R:122 R:120
G:192 G:59 G:200 G:187
B:241 B:59 B:250 B:236
③メニュー背景 R:78 R:120 ⑧パスコード(上部) R:205 R:205
G:76 G:187 G:232 G:232
B:76 B:236 B:250 B:250
④トーク画面背景 R:205 R:61 ⑨パスコード(下部) R:86 R:86
G:232 G:59 G:175 G:175
B:250 B:59 B:231 B231


  • 基本色は水色とグレー
  • トークリストの項目と区分の色分けは無し
  • パスコード入力画面は上が薄い水色
  • メッセージ入力背景はOSによって大きく変化
  • 初期のメニュー背景はグレーｏｒ水色
カラースキン一覧へ
スポンサーリンク
投稿タグ
, , , , , , , , , ,