#8d5378
RGB ( 赤 = 141, 緑 = 83, 青 = 120 )
HSL ( 色相 = 322°, 彩度 = 26%, 明度 = 44% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8d5553 : -320
12 : #8d5f53 : -310
22 : #8d6853 : -300
32 : #8d7253 : -290
42 : #8d7c53 : -280
52 : #8d8653 : -270
62 : #8b8d53 : -260
72 : #828d53 : -250
82 : #788d53 : -240
92 : #6e8d53 : -230
102 : #658d53 : -220
112 : #5b8d53 : -210
122 : #538d55 : -200
132 : #538d5f : -190
142 : #538d68 : -180
152 : #538d72 : -170
162 : #538d7c : -160
172 : #538d86 : -150
182 : #538b8d : -140
192 : #53828d : -130
202 : #53788d : -120
212 : #536e8d : -110
222 : #53658d : -100
232 : #535b8d : -90
242 : #55538d : -80
252 : #5f538d : -70
262 : #68538d : -60
272 : #72538d : -50
282 : #7c538d : -40
292 : #86538d : -30
302 : #8d538b : -20
312 : #8d5382 : -10
322 : #8d5378 : ±0
332 : #8d536e : +10
342 : #8d5365 : +20
352 : #8d535b : +30
312 : #8d5382 : -10
313 : #8d5381 : -9
314 : #8d5380 : -8
315 : #8d537f : -7
316 : #8d537e : -6
317 : #8d537d : -5
318 : #8d537c : -4
319 : #8d537b : -3
320 : #8d537a : -2
321 : #8d5379 : -1
322 : #8d5378 : ±0
323 : #8d5377 : +1
324 : #8d5376 : +2
325 : #8d5375 : +3
326 : #8d5374 : +4
327 : #8d5373 : +5
328 : #8d5372 : +6
329 : #8d5371 : +7
330 : #8d5370 : +8
331 : #8d536f : +9
332 : #8d536e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -26
2 : #726e71 : -24
4 : #756c71 : -22
6 : #776972 : -20
8 : #796773 : -18
10 : #7b6573 : -16
12 : #7e6374 : -14
14 : #806074 : -12
16 : #825e75 : -10
18 : #845c76 : -8
20 : #875a76 : -6
22 : #895877 : -4
24 : #8b5577 : -2
26 : #8d5378 : ±0
28 : #905179 : +2
30 : #924f79 : +4
32 : #944c7a : +6
34 : #964a7a : +8
36 : #99487b : +10
38 : #9b467c : +12
40 : #9d437c : +14
42 : #9f417d : +16
44 : #a23f7d : +18
46 : #a43d7e : +20
48 : #a63a7f : +22
50 : #a8387f : +24
52 : #ab3680 : +26
54 : #ad3480 : +28
56 : #af3181 : +30
58 : #b12f82 : +32
60 : #b42d82 : +34
62 : #b62b83 : +36
64 : #b82883 : +38
66 : #ba2684 : +40
68 : #bc2485 : +42
70 : #bf2285 : +44
72 : #c11f86 : +46
74 : #c31d86 : +48
76 : #c51b87 : +50
78 : #c81988 : +52
80 : #ca1688 : +54
82 : #cc1489 : +56
84 : #ce1289 : +58
86 : #d1108a : +60
88 : #d30d8b : +62
90 : #d50b8b : +64
92 : #d7098c : +66
94 : #da078c : +68
96 : #dc048d : +70
98 : #de028e : +72
100 : #e0008e : +74
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #060405 : -42
4 : #0d080b : -40
6 : #130b10 : -38
8 : #1a0f16 : -36
10 : #20131b : -34
12 : #271721 : -32
14 : #2d1a26 : -30
16 : #331e2c : -28
18 : #3a2231 : -26
20 : #402637 : -24
22 : #472a3c : -22
24 : #4d2d41 : -20
26 : #543147 : -18
28 : #5a354c : -16
30 : #603952 : -14
32 : #673c57 : -12
34 : #6d405d : -10
36 : #744462 : -8
38 : #7a4868 : -6
40 : #814b6d : -4
42 : #874f73 : -2
44 : #8d5378 : ±0
46 : #94577d : +2
48 : #9a5b83 : +4
50 : #a15e88 : +6
52 : #a4658d : +8
54 : #a86b92 : +10
56 : #ac7297 : +12
58 : #b0789b : +14
60 : #b47ea0 : +16
62 : #b785a5 : +18
64 : #bb8baa : +20
66 : #bf92ae : +22
68 : #c398b3 : +24
70 : #c69fb8 : +26
72 : #caa5bd : +28
74 : #ceabc1 : +30
76 : #d2b2c6 : +32
78 : #d5b8cb : +34
80 : #d9bfd0 : +36
82 : #ddc5d4 : +38
84 : #e1ccd9 : +40
86 : #e5d2de : +42
88 : #e8d8e3 : +44
90 : #ecdfe7 : +46
92 : #f0e5ec : +48
94 : #f4ecf1 : +50
96 : #f7f2f6 : +52
98 : #fbf9fa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow