CSS色とTHE THOR色の互換表

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

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

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


#RRGGBB

#RRGGBB

#RRGGBB

ザ・トールの色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
クロームやエッジは、ここの赤い三角の上の部分をドラッグさせると表の大きさを変更できます。

関連するプロパティbackgroundbackground-colorbackground-image・・・

関連するクラス名(THE THOR専用)bgc-thorカラー名称brc-thorカラー名称ftc-thorカラー名称・・・

>フッターCTA見出し

フッターCTA見出し

フッターCTAの本文を入力

CTR IMG