CSS色とTHE THOR色の互換表

ＨＴＭＬ, ＣＳＳ, デザイン

ＨＴＭＬ

このページは、CSSで定義されているカラー140色と、ワードプレスのテーマTHE THORのオリジナルカラー91色のすべてを掲載したページです。

当サイトには、ザ・トールオリジナルカラーのページとCSSで定義されているカラーのページがありますが、『せっかくなら全部一緒に見たい！』という要望に応えました。CSSで定義されている色見本の並び順を基準に、ザ・トールのオリジナルカラーを近似値付近（目視優先）に並べてあります。

色の取得と比較ができます

ザ・トールの色91色とCSSの色140色

下の表は、CSSの色見本とザ・トールオリジナルカラーの色見本を合わせてまとめたものです。

サイトを作成するときに欠かせない「ザ・トールのオリジナル色」の一覧です。下の表は、ザ・トールの色のみ91色を表示しています。

クロムやエッジでは、表の右下の角をドラッグすると表の大きさを自由に変更できますので、見やすい大きさにしてご覧ください。（スマートフォンでは対応していないようなのでスクロールしてご覧になってください）

表の見方

枠のついている色・・・CSSで定義されている色

★印・・・CSSで定義されている基本の16色（※印は、CSS基本の色と同じ名称ですが、色（カラーコード）が異なります）

大文字から始まっているカラーネーム・・・THETHORのオリジナルカラー

CSSの色140色とザ・トールの色91色の色見本
	1	2	3	4	5	6	7	8
淡色1	white★ #ffffff R255 G255 B255	snow #fffafa R255 G250 B250	floralwhite #fffaf0 R255 G250 B240	oldlace #fdf5e6 R253 G245 B230	linen #faf0e6 R250 G240 B230	seashell #fff5ee R255 G245 B238	lavenderblush #fff0f5 R255 G240 B245	mistyrose #ffe4e1 R255 G228 B225
淡色2	ivory #fffff0 R255 G255 B240	lightyellow #ffffe0 R255 G255 B224	lightgoldenrodyellow #fafad2 R250 G250 B210	lemonchiffon #fffacd R255 G250 B205	cornsilk #fff8dc R255 G248 B220	papayawhip #ffefd5 R255 G239 B213	antiquewhite #facbd7 R250 G235 B215	blanchedalmond #ffcbcd R255 G235 B205
thor	white★ #ffffff R:255 G:255 B:255	VPyellow #fffded R:255 G:253 B:237	VPorange #fef5e8 R:254 G:245 B:232	VPpink #fdeff5 R:253 G:239 B:245	VPmagenta #fdedec R:253 G:237 B:236	VPred #feede3 R:254 G:237 B:227	／	／
淡色3	beige #f5f5dc R245 G245 B220	bisque #ffe4c4 R255 G228 B196	navajowhite #ffdead R255 G222 B173	peachpuff #ffdab9 R255 G218 B185	khaki #f0e68c R240 G230 B140	wheat #f5deb3 R245 G222 B179	moccasin #ffe4b5 R255 G228 B181	palegoldenrod #eee8aa R238 G232 B170
淡色4	azure #f0ffff R240 G255 B255	mintcream #f5fffa R245 G255 B250	lightcyan #e0ffff R224 G255 B255	aliceblue #f0f8ff R240 G248 B255	ghostwhite #f8f8ff R248 G248 B255	whitesmoke #f5f5f5 R245 G245 B245	lavender #e6e6fa R230 G230 B250	honeydew #f0fff0 R240 G255 B240
thor	／	VPlime #f2f7e5 R:242 G:247 B:229	VPturquoise #eaf5f4 R:234 G:245 B:244	VPsky #eaf6fe R:234 G:246 B:254	VPblue #e9eef9 R:233 G:238 B:249	VPnavy #e8e6f3 R:232 G:230 B:243	VPpurple #f3eaf4 R:243 G:234 B:244	VPgreen #ebf5eb R:235 G:245 B:235
～黄～	yellow★ #ffff00 R255 G255 B000	gold #ffd700 R255 G215 B000	goldenrod #daa520 R218 G165 B032	darkgoldenrod #b8860b R184 G134 B011	peru #cd853f R205 G133 B063	chocolate #d2691e R210 G105 B030	sienna #a0522d R160 G082 B045	saddlebrown #8b4513 R139 G069 B019
thor	Byellow #fff338 R:255 G:243 B:056	Vyellow #fff100 R:255 G:241 B:000	Lyellow #fff89a R:255 G:248 B:154	DLorange #c39043 R:195 G:144 B:067	DPorange #bf7601 R:191 G:118 B:001	Lred #f39c76 R:243 G:156 B:118	DLred #ba5536 R:186 G:085 B:054	DGorange #633c00 R:099 G:060 B:000
茶色	tan #d2b48c R210 G180 B140	burlywood #deb887 R222 G184 B135	rosybrown #bc8f8f R188 G143 B143	indianred #cd5c5c R205 G092 B092	firebrick #b22222 R178 G034 B034	brown #a52a2a R165 G042 B042	darkred #8b0000 R139 G000 B000	maroon★ #800000 R128 G000 B000
thor	Lorange #fbce8a R:251 G:206 B:138	Borange #f6ad3a R:246 G:173 B:058	Vorange #f49801 R:244 G:152 B:001	DLmagenta #ba5460 R:186 G:084 B:096	／	／	Bred #ea5532 R:234 G:085 B:050	DGred #5f0100 R:095 G:001 B:000
～橙～	sandybrown #f4a460 R244 G164 B096	orange #ffa500 R255 G165 B000	darkorange #ff8c00 R255 G140 B000	lightsalmon #ffa07a R255 G160 B122	darksalmon #e9967a R233 G150 B122	coral #ff7f50 R255 G127 B080	tomato #ff6347 R255 G099 B071	orangered #ff4500 R255 G069 B000
～赤～	pink #ffc0cb R255 G192 B203	lightpink #ffb6c1 R255 G182 B193	lightcoral #f08080 R240 G128 B128	salmon #fa8072 R250 G128 B114	hotpink #ff69b4 R255 G105 B180	deeppink #ff1493 R255 G020 B147	crimson #dc143c R220 G020 B060	red★ #ff0000 R255 G000 B000
thor	Lpink #f29fc3 R:242 G:159 B:195	Lmagenta #f29c9f R:242 G:156 B:159	Bmagenta #e9536b R:233 G:083 B:107	／	Bpink #e95098 R:233 G:080 B:152	Vpink #e4017f R:228 G:001 B:127	Vmagenta #e5004f R:229 G:000 B:079	Vred #e60112 R:230 G:001 B:018
thor	／	／	／	／	DLpink #ba5584 R:186 G:085 B:132	DPpink #b50165 R:181 G:001 B:101	DPmagenta #b5003c R:181 G:000 B:060	DPred #b60105 R:182 G:001 B:005
～紫1～	plum #dda0dd R221 G160 B221	violet #ee82ee R238 G130 B238	orchid #da70d6 R218 G112 B214	mediumorchid #ba55d3 R186 G085 B211	fuchsia★ #ff00ff R255 G000 B255	magenta #ff00ff R255 G000 B255	palevioletred #db7093 R219 G112 B147	mediumvioletred #c71585 R199 G021 B133
thor	Lpurple #c490bf R:196 G:144 B:191	DLpurple #8c4b82 R:140 G:075 B:130	Bpurple #a54a98 R:165 G:074 B:152	Vpurple #920883 R:146 G:008 B:131	DPpurple #740169 R:116 G:001 B:105	DGpink #600033 R:096 G:000 B:051	DGmagenta #5f0017 R:095 G:000 B:023	DGpurple #3e0036 R:062 G:000 B:054
紫2	mediumslateblue #0e00bo R014 G000 B176	mediumpurple #9370db R147 G112 B219	blueviolet #8a2be2 R138 G043 B226	darkorchid #9932cc R153 G050 B204	darkviolet #9400d3 R148 G000 B211	purple★ #800080 R128 G000 B128	darkmagenta #8b008b R139 G000 B139	indigo #4b0082 R075 G000 B130
青	royalblue #4169e1 R065 G105 B225	slateblue #6a5acd R106 G090 B205	darkslateblue #483d8b R072 G061 B139	midnightblue #191970 R025 G025 B112	darkblue #00008b R000 G000 B139	navy★ #000080 R000 G000 B128	mediumblue #0000cd R000 G000 B205	blue★ #0000ff R000 G000 B255
thor	／	Lnavy #8f82bc R:143 G:130 B:188	DLnavy #4e4282 R:078 G:066 B:130	Bnavy #4c4398 R:076 G:067 B:152	Vnavy #1c1e84 R:028 G:030 B:132	DPnavy #14116e R:020 G:017 B:110	DGblue #00274f R:000 G:039 B:079	DGnavy #08003a R:008 G:000 B:058
ブルー	lightblue #add8e6 R173 G216 B230	powderblue #b0e0e6 R176 G224 B230	skyblue #87ceeb R135 G206 B235	lightskyblue #87cefa R135 G206 B250	deepskyblue #00bfff R000 G191 B255	dodgerblue #1e90ff R030 G144 B255	cornflowerblue #6090ef R096 G144 B239	steelblue #4682b4 R070 G130 B180
thor	Lsky #7ecff5 R:126 G:207 B:245	Bsky #00b0ec R:000 G:176 B:236	Vsky #00a0e9 R:000 G:160 B:233	DPsky #0081ba R:000 G:129 B:186	Bblue <#2b71b8 R:043 G:113 B:184	Vblue #0068b7 R:000 G:104 B:183	DPblue #005293 R:000 G:082 B:147	DGsky #004462 R:000 G:068 B:098
thor	Lblue #87abda R:135 G:171 B:218	DLblue #3970a2 R:057 G:112 B:162	DLsky #1894be R:024 G:148 B:190	Bturquoise #00ada9 R:000 G:173 B:169	Vturquoise #009e96 R:000 G:158 B:150	DLturquoise #1d928f R:029 G:146 B:143	DPturquoise #007f78 R:000 G:127 B:120	DGturquoise #004340 R:000 G:067 B:064
アクア	paleturquoise #afeeee R175 G238 B238	turquoise #40e0d0 R064 G224 B208	mediumturquoise #48d1cc R072 G209 B204	darkturquoise #00ced1 R000 G205 B209	mediumaquamarine #66cdaa R102 G205 B170	lightseagreen #20b2aa R032 G178 B170	darkcyan #008b8b R000 G139 B139	teal★ #008080 R000 G128 B128
緑グリーン	aquamarine #7fffd4 R127 G255 B212	aqua★ #00ffff R000 G255 B255	cyan #00ffff R000 G255 B255	palegreen #98fb98 R152 G251 B152	lightgreen #90ee90 R144 G238 B144	mediumspringgreen #00fa9a R000 G250 B154	springgreen #00ff7f R000 G255 B127	／
ティール	greenyellow #adff2f R173 G255 B047	chartreuse #7fff00 R127 G255 B000	lawngreen #7cfc00 R124 G252 B000	yellowgreen #9acd32 R154 G205 B050	darkkhaki #bdb76b R189 G183 B107	olive★ #808000 R128 G128 B000	olivedrab #6b8e23 R107 G142 B035	darkolivegreen #556b2f R085 G107 B047
thor	Blime #a9cf52 R:169 G:207 B:082	Vlime #8ec31f R:142 G:195 B:031	DPlime #6f9b12 R:111 G:155 B:018	DLyellow #cac04e R:202 G:192 B:078	DPyellow #cbbd00 R:203 G:189 B:000	DGyellow #675f00 R:103 G:095 B:000	DLlime #8ea953 R:142 G:169 B:083	DGlime #395104 R:057 G:081 B:004
ライム	lime★ #00ff00 R000 G255 B000	limegreen #32cd32 R050 G205 B050	mediumseagreen #3cb371 R060 G179 B113	seagreen #2e8b57 R046 G139 B087	forestgreen #228b22 R034 G139 B034	green★ #008000 R000 G128 B000	darkgreen #006400 R000 G100 B000	／
ブラック	Lturquoise #83ccc9 R:131 G:204 B:201	Llime #cce199 R:204 G:225 B:153	Lgreen #88c997 R:136 G:201 B:151	DLgreen #218f59 R:033 G:143 B:089	Bgreen #0ba95f R:011 G:169 B:095	Vgreen #009944 R:000 G:153 B:068	DPgreen #007c36 R:000 G:124 B:054	DGgreen #004215 R:000 G:066 B:021
ブラック	thistle #d8bfd8 R216 G191 B216	lightsteelblue #b0c4de R176 G196 B222	darkseagreen #8fbc8b R143 G188 B143	cadetblue #5f9ea0 R095 G158 B160	lightslategray #778899 R119 G136 B153	slategray #708090 R112 G128 B144	darkslategray #2f4f4f R047 G079 B079	／
黒	gainsboro #dcdcdc R220 G220 B220	lightgrey #d3d3d3 R211 G211 B211	silver★ #c0c0c0 R192 G192 B192	darkgray #a9a9a9 R169 G169 B169	gray★ #808080 R128 G128 B128	dimgray #696969 R105 G105 B105	black★ #000000 R000 G000 B000	／
thor	VLgray #d8d8d8 R:216 G:216 B:216	／	Lgray #b2b2b2 R:178 G:178 B:178	gray※ #8c8c8c R:140 G:140 B:140	Dgray #656565 R:101 G:101 B:101	VDgray #3f3f3f R:063 G:063 B:063	black※ #191919 R:025 G:025 B:025	／