THE THORのパーツスタイルのカラーコード一覧-カスタマイズ用

THE THORでラベル、ボタン、ボックスの色を変更する時のカラーコードを紹介します。

カラーの種類は全部で91色。(系統12種類×トーン7パターン+モノトーン7種類)

別記事の「THE THORでパーツスタイルを好みのデザインにカスタマイズする方法」でカスタマイズする時の参考にしてください。

THE THORのカラーコードの考え方

前述した通り、91種類のカラーコードが用意されていますので、それを以下の場面で利用できます。

  • 背景色
  • 枠色色
  • 文字色
カラートーン名 トーンコード カラーコード種類
ヴィヴィッドトーン V 12種類
ブライトトーン B
ライトトーン L
ベリーペールトーン VP
ダルトーン DL
ディープトーン DP
ダークグレイッシュトーン DG
モノトーン 7種類

THE THORのカラーコード一覧

THE THORで使えるカラーコードの一覧になります。

ヴィヴィッドトーン

カラーコード THE THOR
カラーコード
#fff100 Vyellow
#f49801 Vorange
#e60112 Vred
#e5004f Vmagenta
#e4017f Vpink
#920883 Vpurple
#1c1e84 Vnavy
#0068b7 Vblue
#00a0e9 Vsky
#009e96 Vturquoise
#009944 Vgreen
#8ec31f Vlime

ブライトトーン

カラーコード THE THOR
カラーコード
#fff338 Byellow
#f6ad3a Borange
#ea5532 Bred
#e9536b Bmagenta
#e95098 Bpink
#a54a98 Bpurple
#4c4398 Bnavy
#2b71b8 Bblue
#00b0ec Bsky
#00ada9 Bturquoise
#0ba95f Bgreen
#a9cf52 Blime

ライトトーン

カラーコード THE THOR
カラーコード
#fff89a Lyellow
#fbce8a Lorange
#f39c76 Lred
#f29c9f Lmagenta
#f29fc3 Lpink
#c490bf Lpurple
#8f82bc Lnavy
#87abda Lblue
#7ecff5 Lsky
#83ccc9 Lturquoise
#88c997 Lgreen
#cce199 Llime

ベリーペールトーン

カラーコード THE THOR
カラーコード
#fffded VPyellow
#fef5e8 VPorange
#feede3 VPred
#fdedec VPmagenta
#fdeff5 VPpink
#f3eaf4 VPpurple
#e8e6f3 VPnavy
#e9eef9 VPblue
#eaf6fe VPsky
#eaf5f4 VPturquoise
#ebf5eb VPgreen
#f2f7e5 VPlime

ダルトーン

カラーコード THE THOR
カラーコード
#cac04e DLyellow
#c39043 DLorange
#ba5536 DLred
#ba5460 DLmagenta
#ba5584 DLpink
#8c4b82 DLpurple
#4e4282 DLnavy
#3970a2 DLblue
#1894be DLsky
#1d928f DLsky
#218f59 DLgreen
#8ea953 DLlime

ディープトーン

カラーコード THE THOR
カラーコード
#cbbd00 DPyellow
#bf7601 DPorange
#b60105 DPred
#fb5003c DPmagenta
#b50165 DPpink
#740169 DPpurple
#14116e DPnavy
#005293 DPblue
#0081ba DPsky
#007f78 DPturquoise
#007c36 DPgreen
#6f9b12 DPlime

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

カラーコード THE THOR
カラーコード
#675f00 DGyellow
#633c00 DGorange
#5f0100 DGred
#5f0017 DGmagenta
#600033 DGpink
#3e0036 DGpurple
#08003a DGnavy
#00274f DGblue
#004462 DGsky
#004340 DGturquoise
#004215 DGgreen
#395104 DGlime

モノトーン

カラーコード THE THOR
カラーコード
#ffffff white
#d8d8d8 VLgray
#b2b2b2 Lgray
#8c8c8c gray
#656565 Dgray
#3f3f3f VDgray
#191919 black

 

まとめ

今回は、カラーコードの一覧をご紹介しました。

まぁ、僕もカラーの見本のために作ったページでもありますが、皆さんの参考になれば幸いです。

カラーコードは、以下のパーツスタイルをカスタマイズする時に非常に便利です。

参考 THE THORでパーツスタイルを好みのデザインにカスタマイズする方法

THE THORのパーツスタイルのカラーコード一覧
フォローお願いします