Line着せかえカラースキンのRGB

今回は「Yellow」のカラースキンの更新です☆★

Yellowの05はos(ios-Android)の違いによる色味の違いがほとんどないので、統一させたい人にはお勧めです(*^-^*)

 

表の見方

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

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

 

Yellow「5種類」

Yellow着せかえ

Yellow 01の色調

Yellow 01の【RGB表示】(クリックで表示します)
【Yellow 01】 ios android
⑤トーク背景(相手) R:255 R:255
G:252 G:255
ios android B:230 B:255
①Top(上部) R:247 R:252 ⑥トーク背景(自分) R:255 R:246
G:216 G:224 G:118 G:154
B:66 B:109 B:70 B:136
②トークリスト R:247 R:252 ⑦メッセージ入力背景 R:248 R:255
G:216 G:224 G:212 G:255
B:66 B:109 B:39 B:255
②’トークリスト(区分) R:247 R:252 ⑦’拡張メニュー背景 R:242 R:248
G:216 G:224 G:205 G:218
B:66 B:109 B:52 B:104
③メニュー背景 R:249 R:252 ⑧パスコード(上部) R:247 R:252
G:212 G:224 G:216 G:224
B:39 B:109 B:66 B:109
④トーク画面背景 R:247 R:252 ⑨パスコード(下部) R:247 R:252
G:216 G:224 G:216 G:224
B:66 B:109 B:66 B:109


  • 黄色を基本色としたカラースキン
  • トーク背景は黄色
  • トークリストの項目と区分の色分けなし
  • パスコード入力画面上下は同一色
  • 下メニューBarはosにより違いあり
  • Androidの方が薄い印象

Yellow 02の色調

Yellow 02の【RGB表示】(クリックで表示します)
【Yellow 02】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:252 R:255 ⑥トーク背景(自分) R:255 R:255
G:217 G:226 G:228 G:226
B:61 B:72 B:80 B:72
②トークリスト R:254 R:255 ⑦メッセージ入力背景 R:246 R:255
G:251 G:253 G:214 G:226
B:220 B:234 B:60 B:72
②’トークリスト(区分) R:250 R:255 ⑦’拡張メニュー背景 R:254 R:247
G:247 G:253 G:249 G:220
B:210 B:234 B:207 B:114
③メニュー背景 R:82 R:117 ⑧パスコード(上部) R:86 R:117
G:159 G:179 G:167 G:179
B:43 B:82 B:46 B:82
④トーク画面背景 R:250 R:255 ⑨パスコード(下部) R:253 R:255
G:246 G:253 G:227 G:228
B:206 B:231 B:83 B:88


  • 薄い黄色をベースに黄色と緑を使用したカラースキン
  • トーク背景は薄い黄色
  • トークリストの項目と区分の色分けあり
  • パスコード入力画面は黄色と緑の組み合わせ
  • 初期のメニュー背景は緑色
  • Androidの方が薄い印象

Yellow 03の色調

Yellow 03の【RGB表示】(クリックで表示します)
【Yellow 03】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:255 R:244 ⑥トーク背景(自分) R:255 R:255
G:201 G:184 G:201 G:201
B:72 B:62 B:72 B:72
②トークリスト R:255 R:255 ⑦メッセージ入力背景 R:255 R:255
G:255 G:255 G:201 G:242
B:247 B:247 B:72 B:214
②’トークリスト(区分) R:255 R:255 ⑦’拡張メニュー背景 R:255 R:244
G:254 G:255 G:201 G:184
B:226 B:247 B:71 B:62
③メニュー背景 R:252 R:245 ⑧パスコード(上部) R:255 R:255
G:227 G:184 G:201 G:201
B:149 B:62 B:72 B:72
④トーク画面背景 R:255 R:255 ⑨パスコード(下部) R:255 R:255
G:255 G:255 G:255 G:255
B:247 B:247 B:255 B:255


  • 白色をベースに黄色を使用したカラースキン
  • トーク背景は白色
  • トークリストの項目と区分の色分けあり
  • パスコード入力画面は黄色と白色の組み合わせ
  • 下メニューBarはosにより違いあり
  • 文字は白or黄色で統一されている

Yellow 04の色調

Yellow 04の【RGB表示】(クリックで表示します)
【Yellow 04】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:255 R:255 ⑥トーク背景(自分) R:255 R:255
G:255 G:225 G:246 G:218
B:106 B:106 B:100 B:71
②トークリスト R:255 R:254 ⑦メッセージ入力背景 R:255 R:255
G:255 G:250 G:246 G:255
B:106 B:235 B:210 B:255
②’トークリスト(区分) R:255 R:254 ⑦’拡張メニュー背景 R:255 R:255
G:255 G:250 G:246 G:246
B:106 B:235 B:210 B:210
③メニュー背景 R:255 R:255 ⑧パスコード(上部) R:254 R:254
G:247 G:225 G:250 G:250
B:210 B:106 B:235 B:235
④トーク画面背景 R:255 R:255 ⑨パスコード(下部) R:255 R:255
G:255 G:250 G:225 G:225
B:106 B:235 B:106 B:106


  • 薄い黄色をベースに黄色を使用したカラースキン
  • トーク背景、トークリストはosにより違いあり
  • トークリストの項目と区分の色分けなし
  • 印象としてはYellow03の逆の色使い
  • 下メニューBarはosにより違いあり
  • Androidの方が薄い印象

Yellow 05の色調

Yellow 05の【RGB表示】(クリックで表示します)
【Yellow 05】 ios android
⑤トーク背景(相手) R:255 R:255
G:255 G:255
ios android B:255 B:255
①Top(上部) R:255 R:255 ⑥トーク背景(自分) R:255 R:255
G:244 G:244 G:235 G:235
B:169 B:169 B:144 B:144
②トークリスト R:255 R:255 ⑦メッセージ入力背景 R:255 R:255
G:250 G:250 G:230 G:230
B:215 B:215 B:146 B:146
②’トークリスト(区分) R:255 R:255 ⑦’拡張メニュー背景 R:255 R:255
G:250 G:250 G:234 G:247
B:215 B:215 B:165 B:192
③メニュー背景 R:255 R:255 ⑧パスコード(上部) R:255 R:255
G:230 G:230 G:250 G:250
B:146 B:146 B:215 B:215
④トーク画面背景 R:255 R:250 ⑨パスコード(下部) R:255 R:255
G:251 G:250 G:244 G:244
B:214 B:215 B:169 B:169


  • 薄い黄色をベースに全体的に薄い黄色で統一
  • トーク背景、トークリストはosにより違いあり
  • トークリストの項目と区分の色分けなし
  • osによる色の違いはほとんどない
スポンサーリンク