【THE THOR】各パーツのカラー設定用クラス名色別一覧

THE THOR カスタマイザーのパーツ設定やテキストエディタからの投稿時用に、各パーツに設定できる色を一覧にしてみました。

12色×7つのトーン+モノトーン7色の計91色を、文字色・背景色・ボーダーの色、それぞれ別に指定できるようです。便利ですよね。

文字色

赤系

  • ftc-VPred(#feede3)
  • ftc-Lred(#f39c76)
  • ftc-Bred(#ea5532)
  • ftc-Vred(#e60112)
  • ftc-DLred(#ba5536)
  • ftc-DPred(#b60105)
  • ftc-DGred(#5f0100)

マゼンタ系

  • ftc-VPmagenta(#fdedec)
  • ftc-Lmagenta(#f29c9f)
  • ftc-Bmagenta(#e9536b)
  • ftc-Vmagenta(#e5004f)
  • ftc-DLmagenta(#ba5460)
  • ftc-DPmagenta(#b5003c)
  • ftc-DGmagenta(#5f0017)

ピンク系

  • ftc-VPpink(#fdeff5)
  • ftc-Lpink(#f29fc3)
  • ftc-Bpink(#e95098)
  • ftc-ftc-Vpink(#e4017f)
  • ftc-DLpink(#ba5584)
  • ftc-DPpink(#b50165)
  • ftc-DGpink(#600033)

オレンジ系

  • ftc-VPorange(#fef5e8)
  • ftc-Lorange(#fbce8a)
  • ftc-Borange(#f6ad3a)
  • ftc-Vorange(#f49801)
  • ftc-DLorange(#f49801)
  • ftc-DPorange(#bf7601)
  • ftc-DGorange(#633c00)

黄色系

  • ftc-VPyellow(#fffded)
  • ftc-Lyellow(#fff89a)
  • ftc-Byellow(#fff89a)
  • ftc-Vyellow(#fff100)
  • ftc-DLyellow(#cac04e)
  • ftc-DPyellow(#cbbd00)
  • ftc-DGyellow(#675f00)

ライム系

  • ftc-VPlime(#ebf5eb)
  • ftc-Llime(#cce199)
  • ftc-Blime(#a9cf52)
  • ftc-Vlime(#8ec31f)
  • ftc-DLlime(#8ea953)
  • ftc-DPlime(#6f9b12)
  • ftc-DGlime(#395104)

緑系

  • ftc-VPgreen(#ebf5eb)
  • ftc-Lgreen(#88c997)
  • ftc-Bgreen(#0ba95f)
  • ftc-Vgreen(#009944)
  • ftc-DLgreen(#218f59)
  • ftc-DPgreen(#007c36)
  • ftc-DGgreen(#004215)

ターコイズ系

  • ftc-VPturquoise(#eaf5f4)
  • ftc-Lturquoise(#83ccc9)
  • ftc-Bturquoise(#00ada9)
  • ftc-Vturquoise(#009e96)
  • ftc-DLturquoise(#1d928f)
  • ftc-DPturquoise(#007f78)
  • ftc-DGturquoise(#004340)

水色系

  • ftc-VPsky(#eaf6fe)
  • ftc-Lsky(#7ecff5)
  • ftc-Bsky(#00b0ec)
  • ftc-Vsky(#00a0e9)
  • ftc-DLsky(#1894be)
  • ftc-DPsky(#0081ba)
  • ftc-DGsky(#004462)

青系

  • ftc-VPblue(#e9eef9)
  • ftc-Lblue(#87abda)
  • ftc-Bblue(#2b71b8)
  • ftc-Vblue(#0068b7)
  • ftc-DLblue(#3970a2)
  • ftc-DPblue(#005293)
  • ftc-DGblue(#00274f)

ネイビー系

  • ftc-VPnavy(#e8e6f3)
  • ftc-Lnavy(#8f82bc)
  • ftc-Bnavy(#4c4398)
  • ftc-Vnavy(#1c1e84)
  • ftc-DLnavy(#4e4282)
  • ftc-DPnavy(#14116e)
  • ftc-DGnavy(#08003a)

紫系

  • ftc-VPpurple(#f3eaf4)
  • ftc-Lpurple(#c490bf)
  • ftc-Bpurple(#a54a98)
  • ftc-Vpurple(#920883)
  • ftc-DLpurple(#8c4b82)
  • ftc-DPpurple(#740169)
  • ftc-DGpurple(#3e0036)

モノトーン系

  • ftc-white(#ffffff)
  • ftc-VLgray(#d8d8d8)
  • ftc-Lgray(#b2b2b2)
  • ftc-gray(#8c8c8c)
  • ftc-Dgray(#656565)
  • ftc-VDgray(#3f3f3f)
  • ftc-black(#191919)

背景色

赤系

  • bgc-VPred(#feede3)
  • bgc-Lred(#f39c76)
  • bgc-Bred(#ea5532)
  • bgc-Vred(#e60112)
  • bgc-DLred(#ba5536)
  • bgc-DPred(#b60105)
  • bgc-DGred(#5f0100)

マゼンタ系

  • bgc-VPmagenta(#fdedec)
  • bgc-Lmagenta(#f29c9f)
  • bgc-Bmagenta(#e9536b)
  • bgc-Vmagenta(#e5004f)
  • bgc-DLmagenta(#ba5460)
  • bgc-DPmagenta(#b5003c)
  • bgc-DGmagenta(#5f0017)

ピンク系

  • bgc-VPpink(#fdeff5)
  • bgc-Lpink(#f29fc3)
  • bgc-Bpink(#e95098)
  • bgc-ftc-Vpink(#e4017f)
  • bgc-DLpink(#ba5584)
  • bgc-DPpink(#b50165)
  • bgc-DGpink(#600033)

オレンジ系

  • bgc-VPorange(#fef5e8)
  • bgc-Lorange(#fbce8a)
  • bgc-Borange(#f6ad3a)
  • bgc-Vorange(#f49801)
  • bgc-DLorange(#f49801)
  • bgc-DPorange(#bf7601)
  • bgc-DGorange(#633c00)

黄色系

  • bgc-VPyellow(#fffded)
  • bgc-Lyellow(#fff89a)
  • bgc-Byellow(#fff89a)
  • bgc-Vyellow(#fff100)
  • bgc-DLyellow(#cac04e)
  • bgc-DPyellow(#cbbd00)
  • bgc-DGyellow(#675f00)

ライム系

  • bgc-VPlime(#ebf5eb)
  • bgc-Llime(#cce199)
  • bgc-Blime(#a9cf52)
  • bgc-Vlime(#8ec31f)
  • bgc-DLlime(#8ea953)
  • bgc-DPlime(#6f9b12)
  • bgc-DGlime(#395104)

緑系

  • bgc-VPgreen(#ebf5eb)
  • bgc-Lgreen(#88c997)
  • bgc-Bgreen(#0ba95f)
  • bgc-Vgreen(#009944)
  • bgc-DLgreen(#218f59)
  • bgc-DPgreen(#007c36)
  • bgc-DGgreen(#004215)

ターコイズ系

  • bgc-VPturquoise(#eaf5f4)
  • bgc-Lturquoise(#83ccc9)
  • bgc-Bturquoise(#00ada9)
  • bgc-Vturquoise(#009e96)
  • bgc-DLturquoise(#1d928f)
  • bgc-DPturquoise(#007f78)
  • bgc-DGturquoise(#004340)

水色系

  • bgc-VPsky(#eaf6fe)
  • bgc-Lsky(#7ecff5)
  • bgc-Bsky(#00b0ec)
  • bgc-Vsky(#00a0e9)
  • bgc-DLsky(#1894be)
  • bgc-DPsky(#0081ba)
  • bgc-DGsky(#004462)

青系

  • bgc-VPblue(#e9eef9)
  • bgc-Lblue(#87abda)
  • bgc-Bblue(#2b71b8)
  • bgc-Vblue(#0068b7)
  • bgc-DLblue(#3970a2)
  • bgc-DPblue(#005293)
  • bgc-DGblue(#00274f)

ネイビー系

  • bgc-VPnavy(#e8e6f3)
  • bgc-Lnavy(#8f82bc)
  • bgc-Bnavy(#4c4398)
  • bgc-Vnavy(#1c1e84)
  • bgc-DLnavy(#4e4282)
  • bgc-DPnavy(#14116e)
  • bgc-DGnavy(#08003a)

紫系

  • bgc-VPpurple(#f3eaf4)
  • bgc-Lpurple(#c490bf)
  • bgc-Bpurple(#a54a98)
  • bgc-Vpurple(#920883)
  • bgc-DLpurple(#8c4b82)
  • bgc-DPpurple(#740169)
  • bgc-DGpurple(#3e0036)

モノトーン系

  • bgc-white(#ffffff)
  • bgc-VLgray(#d8d8d8)
  • bgc-Lgray(#b2b2b2)
  • bgc-gray(#8c8c8c)
  • bgc-Dgray(#656565)
  • bgc-VDgray(#3f3f3f)
  • bgc-black(#191919)

ボーダー色

赤系

  • brc-VPred(#feede3)
  • brc-Lred(#f39c76)
  • brc-Bred(#ea5532)
  • brc-Vred(#e60112)
  • brc-DLred(#ba5536)
  • brc-DPred(#b60105)
  • brc-DGred(#5f0100)

マゼンタ系

  • brc-VPmagenta(#fdedec)
  • brc-Lmagenta(#f29c9f)
  • brc-Bmagenta(#e9536b)
  • brc-Vmagenta(#e5004f)
  • brc-DLmagenta(#ba5460)
  • brc-DPmagenta(#b5003c)
  • brc-DGmagenta(#5f0017)

ピンク系

  • brc-VPpink(#fdeff5)
  • brc-Lpink(#f29fc3)
  • brc-Bpink(#e95098)
  • brc-ftc-Vpink(#e4017f)
  • brc-DLpink(#ba5584)
  • brc-DPpink(#b50165)
  • brc-DGpink(#600033)

オレンジ系

  • brc-VPorange(#fef5e8)
  • brc-Lorange(#fbce8a)
  • brc-Borange(#f6ad3a)
  • brc-Vorange(#f49801)
  • brc-DLorange(#f49801)
  • brc-DPorange(#bf7601)
  • brc-DGorange(#633c00)

黄色系

  • brc-VPyellow(#fffded)
  • brc-Lyellow(#fff89a)
  • brc-Byellow(#fff89a)
  • brc-Vyellow(#fff100)
  • brc-DLyellow(#cac04e)
  • brc-DPyellow(#cbbd00)
  • brc-DGyellow(#675f00)

ライム系

  • brc-VPlime(#ebf5eb)
  • brc-Llime(#cce199)
  • brc-Blime(#a9cf52)
  • brc-Vlime(#8ec31f)
  • brc-DLlime(#8ea953)
  • brc-DPlime(#6f9b12)
  • brc-DGlime(#395104)

緑系

  • brc-VPgreen(#ebf5eb)
  • brc-Lgreen(#88c997)
  • brc-Bgreen(#0ba95f)
  • brc-Vgreen(#009944)
  • brc-DLgreen(#218f59)
  • brc-DPgreen(#007c36)
  • brc-DGgreen(#004215)

ターコイズ系

  • brc-VPturquoise(#eaf5f4)
  • brc-Lturquoise(#83ccc9)
  • brc-Bturquoise(#00ada9)
  • brc-Vturquoise(#009e96)
  • brc-DLturquoise(#1d928f)
  • brc-DPturquoise(#007f78)
  • brc-DGturquoise(#004340)

水色系

  • brc-VPsky(#eaf6fe)
  • brc-Lsky(#7ecff5)
  • brc-Bsky(#00b0ec)
  • brc-Vsky(#00a0e9)
  • brc-DLsky(#1894be)
  • brc-DPsky(#0081ba)
  • brc-DGsky(#004462)

青系

  • brc-VPblue(#e9eef9)
  • brc-Lblue(#87abda)
  • brc-Bblue(#2b71b8)
  • brc-Vblue(#0068b7)
  • brc-DLblue(#3970a2)
  • brc-DPblue(#005293)
  • brc-DGblue(#00274f)

ネイビー系

  • brc-VPnavy(#e8e6f3)
  • brc-Lnavy(#8f82bc)
  • brc-Bnavy(#4c4398)
  • brc-Vnavy(#1c1e84)
  • brc-DLnavy(#4e4282)
  • brc-DPnavy(#14116e)
  • brc-DGnavy(#08003a)

紫系

  • brc-VPpurple(#f3eaf4)
  • brc-Lpurple(#c490bf)
  • brc-Bpurple(#a54a98)
  • brc-Vpurple(#920883)
  • brc-DLpurple(#8c4b82)
  • brc-DPpurple(#740169)
  • brc-DGpurple(#3e0036)

モノトーン系

  • brc-white(#ffffff)
  • brc-VLgray(#d8d8d8)
  • brc-Lgray(#b2b2b2)
  • brc-gray(#8c8c8c)
  • brc-Dgray(#656565)
  • brc-VDgray(#3f3f3f)
  • brc-black(#191919)
NO IMAGE
最新情報をチェックしよう!
スポンサーリンク