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

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

色のトーンを統一すると、様々な色を使ってもサイトデザインに統一感が出せますね。

カラーセット

ベリーペールトーン

レッド VPred(#feede3)
マゼンタ VPmagenta(#fdedec)
ピンク VPpink(#fdeff5)
オレンジ VPorange(#fef5e8)
イエロー VPyellow(#fffded)
ライム VPlime(#ebf5eb)
グリーン VPgreen(#ebf5eb)
ターコイズ VPturquoise(#eaf5f4)
スカイ VPsky(#eaf6fe)
ブルー VPblue(#e9eef9)
ネイビー VPnavy(#e8e6f3)
パープル VPpurple(#f3eaf4)

ライトトーン

レッド Lred(#f39c76)
マゼンタ Lmagenta(#f29c9f)
ピンク Lpink(#f29fc3)
オレンジ Lorange(#fbce8a)
イエロー Lyellow(#fff89a)
ライム Llime(#cce199)
グリーン Lgreen(#88c997)
ターコイズ Lturquoise(#83ccc9)
スカイ Lsky(#7ecff5)
ブルー Lblue(#87abda)
ネイビー Lnavy(#8f82bc)
パープル Lpurple(#c490bf)

ブライトトーン

レッド Bred(#ea5532)
マゼンタ Bmagenta(#e9536b)
ピンク Bpink(#e95098)
オレンジ Borange(#f6ad3a)
イエロー Byellow(#fff89a)
ライム Blime(#a9cf52)
グリーン Bgreen(#0ba95f)
ターコイズ Bturquoise(#00ada9)
スカイ Bsky(#00b0ec)
ブルー Bblue(#2b71b8)
ネイビー Bnavy(#4c4398)
パープル Bpurple(#a54a98)

ヴィヴィッドトーン

レッド Vred(#e60112)
マゼンタ Vmagenta(#e5004f)
ピンク Vpink(#e4017f)
オレンジ Vorange(#f49801)
イエロー Vyellow(#f49801)
ライム Vlime(#8ec31f)
グリーン Vgreen(#009944)
ターコイズ Vturquoise(#009e96)
スカイ Vsky(#00a0e9)
ブルー Vblue(#0068b7)
ネイビー Vnavy(#1c1e84)
パープル Vpurple(#920883)

ダルトーン

レッド DLred(#ba5536)
マゼンタ DLmagenta(#ba5460)
ピンク DLpink(#ba5584)
オレンジ DLorange(#f49801)
イエロー DLyellow(#cac04e)
ライム DLlime(#8ea953)
グリーン DLgreen(#218f59)
ターコイズ DLturquoise(#1d928f)
スカイ DLsky(#1894be)
ブルー DLblue(#3970a2)
ネイビー DLnavy(#4e4282)
パープル DLpurple(#8c4b82)

ディープトーン

レッド DPred(#b60105)
マゼンタ DPmagenta(#b5003c)
ピンク DPpink(#b50165)
オレンジ DPorange(#bf7601)
イエロー DPyellow(#bf7601)
ライム DPlime(#6f9b12)
グリーン DPgreen(#007c36)
ターコイズ DPturquoise(#007f78)
スカイ DPsky(#0081ba)
ブルー DPblue(#005293)
ネイビー DPnavy(#14116e)
パープル DPpurple(#740169)

ダークグレイッシュトーン

レッド DGred(#5f0100)
マゼンタ DGmagenta(#5f0017)
ピンク DGpink(#600033)
オレンジ DGorange(#633c00)
イエロー DGyellow(#675f00)
ライム DGlime(#395104)
グリーン DGgreen(#004215)
ターコイズ DGturquoise(#004340)
スカイ DGsky(#004462)
ブルー DGblue(#00274f)
ネイビー DGnavy(#08003a)
パープル DGpurple(#3e0036)

モノトーン

ホワイト white(#ffffff)
ベリーライトグレー VLgray(#d8d8d8)
ライトグレー Lgray(#b2b2b2)
グレー gray(#8c8c8c)
ダークグレー Dgray(#656565)
ベリーダークグレー VDgray(#3f3f3f)
ブラック black(#191919)
NO IMAGE
最新情報をチェックしよう!
スポンサーリンク