#8f6f9b
RGB ( 赤 = 143, 緑 = 111, 青 = 155 )
HSL ( 色相 = 284°, 彩度 = 18%, 明度 = 52% )
H : 色相 ( 284° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #9b726f : -280
14 : #9b796f : -270
24 : #9b806f : -260
34 : #9b886f : -250
44 : #9b8f6f : -240
54 : #9b966f : -230
64 : #989b6f : -220
74 : #909b6f : -210
84 : #899b6f : -200
94 : #829b6f : -190
104 : #7a9b6f : -180
114 : #739b6f : -170
124 : #6f9b72 : -160
134 : #6f9b79 : -150
144 : #6f9b80 : -140
154 : #6f9b88 : -130
164 : #6f9b8f : -120
174 : #6f9b96 : -110
184 : #6f989b : -100
194 : #6f909b : -90
204 : #6f899b : -80
214 : #6f829b : -70
224 : #6f7a9b : -60
234 : #6f739b : -50
244 : #726f9b : -40
254 : #796f9b : -30
264 : #806f9b : -20
274 : #886f9b : -10
284 : #8f6f9b : ±0
294 : #966f9b : +10
304 : #9b6f98 : +20
314 : #9b6f90 : +30
324 : #9b6f89 : +40
334 : #9b6f82 : +50
344 : #9b6f7a : +60
354 : #9b6f73 : +70
274 : #886f9b : -10
275 : #886f9b : -9
276 : #896f9b : -8
277 : #8a6f9b : -7
278 : #8a6f9b : -6
279 : #8b6f9b : -5
280 : #8c6f9b : -4
281 : #8d6f9b : -3
282 : #8d6f9b : -2
283 : #8e6f9b : -1
284 : #8f6f9b : ±0
285 : #906f9b : +1
286 : #906f9b : +2
287 : #916f9b : +3
288 : #926f9b : +4
289 : #936f9b : +5
290 : #936f9b : +6
291 : #946f9b : +7
292 : #956f9b : +8
293 : #956f9b : +9
294 : #966f9b : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -18
2 : #868287 : -16
4 : #878089 : -14
6 : #887d8c : -12
8 : #897b8e : -10
10 : #8a7891 : -8
12 : #8b7693 : -6
14 : #8d7396 : -4
16 : #8e7198 : -2
18 : #8f6f9b : ±0
20 : #906c9d : +2
22 : #916aa0 : +4
24 : #9267a2 : +6
26 : #9365a4 : +8
28 : #9562a7 : +10
30 : #9660a9 : +12
32 : #975dac : +14
34 : #985bae : +16
36 : #9959b1 : +18
38 : #9a56b3 : +20
40 : #9b54b6 : +22
42 : #9d51b8 : +24
44 : #9e4fba : +26
46 : #9f4cbd : +28
48 : #a04abf : +30
50 : #a147c2 : +32
52 : #a245c4 : +34
54 : #a343c7 : +36
56 : #a540c9 : +38
58 : #a63ecc : +40
60 : #a73bce : +42
62 : #a839d0 : +44
64 : #a936d3 : +46
66 : #aa34d5 : +48
68 : #ab31d8 : +50
70 : #ad2fda : +52
72 : #ae2cdd : +54
74 : #af2adf : +56
76 : #b028e2 : +58
78 : #b125e4 : +60
80 : #b223e7 : +62
82 : #b320e9 : +64
84 : #b51eeb : +66
86 : #b61bee : +68
88 : #b719f0 : +70
90 : #b816f3 : +72
92 : #b914f5 : +74
94 : #ba12f8 : +76
96 : #bb0ffa : +78
98 : #bd0dfd : +80
100 : #be0aff : +82
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #060406 : -50
4 : #0b080c : -48
6 : #110d12 : -46
8 : #161118 : -44
10 : #1c151e : -42
12 : #211924 : -40
14 : #271d2a : -38
16 : #2c2130 : -36
18 : #322636 : -34
20 : #372a3c : -32
22 : #3d2e42 : -30
24 : #423248 : -28
26 : #48364e : -26
28 : #4d3b54 : -24
30 : #533f5a : -22
32 : #584360 : -20
34 : #5e4766 : -18
36 : #644b6c : -16
38 : #694f72 : -14
40 : #6f5478 : -12
42 : #74587e : -10
44 : #7a5c84 : -8
46 : #7f608a : -6
48 : #856490 : -4
50 : #8a6996 : -2
52 : #8f6f9b : ±0
54 : #94759f : +2
56 : #987ba3 : +4
58 : #9d81a7 : +6
60 : #a287ab : +8
62 : #a68db0 : +10
64 : #ab93b4 : +12
66 : #b099b8 : +14
68 : #b49fbc : +16
70 : #b9a5c0 : +18
72 : #beabc4 : +20
74 : #c2b1c9 : +22
76 : #c7b7cd : +24
78 : #ccbdd1 : +26
80 : #d0c3d5 : +28
82 : #d5c9d9 : +30
84 : #dacfde : +32
86 : #ded5e2 : +34
88 : #e3dbe6 : +36
90 : #e8e1ea : +38
92 : #ece7ee : +40
94 : #f1edf2 : +42
96 : #f6f3f7 : +44
98 : #faf9fb : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow