#9c7397
RGB ( 赤 = 156, 緑 = 115, 青 = 151 )
HSL ( 色相 = 307°, 彩度 = 17%, 明度 = 53% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9c7873 : -300
17 : #9c7e73 : -290
27 : #9c8573 : -280
37 : #9c8c73 : -270
47 : #9c9373 : -260
57 : #9c9973 : -250
67 : #979c73 : -240
77 : #909c73 : -230
87 : #899c73 : -220
97 : #829c73 : -210
107 : #7c9c73 : -200
117 : #759c73 : -190
127 : #739c78 : -180
137 : #739c7e : -170
147 : #739c85 : -160
157 : #739c8c : -150
167 : #739c93 : -140
177 : #739c99 : -130
187 : #73979c : -120
197 : #73909c : -110
207 : #73899c : -100
217 : #73829c : -90
227 : #737c9c : -80
237 : #73759c : -70
247 : #78739c : -60
257 : #7e739c : -50
267 : #85739c : -40
277 : #8c739c : -30
287 : #93739c : -20
297 : #99739c : -10
307 : #9c7397 : ±0
317 : #9c7390 : +10
327 : #9c7389 : +20
337 : #9c7382 : +30
347 : #9c737c : +40
357 : #9c7375 : +50
297 : #99739c : -10
298 : #9a739c : -9
299 : #9b739c : -8
300 : #9c739c : -7
301 : #9c739b : -6
302 : #9c739a : -5
303 : #9c7399 : -4
304 : #9c7399 : -3
305 : #9c7398 : -2
306 : #9c7397 : -1
307 : #9c7397 : ±0
308 : #9c7396 : +1
309 : #9c7395 : +2
310 : #9c7395 : +3
311 : #9c7394 : +4
312 : #9c7393 : +5
313 : #9c7393 : +6
314 : #9c7392 : +7
315 : #9c7391 : +8
316 : #9c7391 : +9
317 : #9c7390 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #888688 : -16
3 : #8b848a : -14
5 : #8d818c : -12
7 : #907f8e : -10
9 : #927c8f : -8
11 : #947a91 : -6
13 : #977893 : -4
15 : #997595 : -2
17 : #9c7397 : ±0
19 : #9e7099 : +2
21 : #a06e9a : +4
23 : #a36c9c : +6
25 : #a5699e : +8
27 : #a867a0 : +10
29 : #aa64a2 : +12
31 : #ac62a4 : +14
33 : #af60a5 : +16
35 : #b15da7 : +18
37 : #b35ba9 : +20
39 : #b658ab : +22
41 : #b856ad : +24
43 : #bb54af : +26
45 : #bd51b0 : +28
47 : #bf4fb2 : +30
49 : #c24cb4 : +32
51 : #c44ab6 : +34
53 : #c748b8 : +36
55 : #c945ba : +38
57 : #cb43bc : +40
59 : #ce40bd : +42
61 : #d03ebf : +44
63 : #d33cc1 : +46
65 : #d539c3 : +48
67 : #d737c5 : +50
69 : #da34c7 : +52
71 : #dc32c8 : +54
73 : #df30ca : +56
75 : #e12dcc : +58
77 : #e32bce : +60
79 : #e628d0 : +62
81 : #e826d2 : +64
83 : #eb24d3 : +66
85 : #ed21d5 : +68
87 : #ef1fd7 : +70
89 : #f21cd9 : +72
91 : #f41adb : +74
93 : #f718dd : +76
95 : #f915de : +78
97 : #fb13e0 : +80
99 : #fe10e2 : +82
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -52
3 : #090609 : -50
5 : #0f0b0e : -48
7 : #150f14 : -46
9 : #1b131a : -44
11 : #211720 : -42
13 : #271c25 : -40
15 : #2d202b : -38
17 : #332431 : -36
19 : #392837 : -34
21 : #3f2c3d : -32
23 : #453142 : -30
25 : #4b3548 : -28
27 : #51394e : -26
29 : #573d54 : -24
31 : #5c4259 : -22
33 : #62465f : -20
35 : #684a65 : -18
37 : #6e4e6b : -16
39 : #745370 : -14
41 : #7a5776 : -12
43 : #805b7c : -10
45 : #865f82 : -8
47 : #8c6387 : -6
49 : #92688d : -4
51 : #976d92 : -2
53 : #9c7397 : ±0
55 : #a0799b : +2
57 : #a47fa0 : +4
59 : #a885a4 : +6
61 : #ac8ba9 : +8
63 : #b191ad : +10
65 : #b597b1 : +12
67 : #b99db6 : +14
69 : #bda3ba : +16
71 : #c2a8bf : +18
73 : #c6aec3 : +20
75 : #cab4c8 : +22
77 : #cebacc : +24
79 : #d3c0d0 : +26
81 : #d7c6d5 : +28
83 : #dbccd9 : +30
85 : #dfd2de : +32
87 : #e3d8e2 : +34
89 : #e8dee7 : +36
91 : #ece4eb : +38
93 : #f0eaef : +40
95 : #f4f0f4 : +42
97 : #f9f6f8 : +44
99 : #fdfcfd : +46
CSS入門、作ってます。
text-shadow