#8e396f
RGB ( 赤 = 142, 緑 = 57, 青 = 111 )
HSL ( 色相 = 322°, 彩度 = 43%, 明度 = 39% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8e3c39 : -320
12 : #8e4a39 : -310
22 : #8e5839 : -300
32 : #8e6639 : -290
42 : #8e7539 : -280
52 : #8e8339 : -270
62 : #8b8e39 : -260
72 : #7d8e39 : -250
82 : #6f8e39 : -240
92 : #618e39 : -230
102 : #528e39 : -220
112 : #448e39 : -210
122 : #398e3c : -200
132 : #398e4a : -190
142 : #398e58 : -180
152 : #398e66 : -170
162 : #398e75 : -160
172 : #398e83 : -150
182 : #398b8e : -140
192 : #397d8e : -130
202 : #396f8e : -120
212 : #39618e : -110
222 : #39528e : -100
232 : #39448e : -90
242 : #3c398e : -80
252 : #4a398e : -70
262 : #58398e : -60
272 : #66398e : -50
282 : #75398e : -40
292 : #83398e : -30
302 : #8e398b : -20
312 : #8e397d : -10
322 : #8e396f : ±0
332 : #8e3961 : +10
342 : #8e3952 : +20
352 : #8e3944 : +30
312 : #8e397d : -10
313 : #8e397c : -9
314 : #8e397a : -8
315 : #8e3979 : -7
316 : #8e3977 : -6
317 : #8e3976 : -5
318 : #8e3975 : -4
319 : #8e3973 : -3
320 : #8e3972 : -2
321 : #8e3970 : -1
322 : #8e396f : ±0
323 : #8e396d : +1
324 : #8e396c : +2
325 : #8e396b : +3
326 : #8e3969 : +4
327 : #8e3968 : +5
328 : #8e3966 : +6
329 : #8e3965 : +7
330 : #8e3963 : +8
331 : #8e3962 : +9
332 : #8e3961 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646264 : -42
3 : #666064 : -40
5 : #685e65 : -38
7 : #6a5c65 : -36
9 : #6c5a66 : -34
11 : #6e5966 : -32
13 : #705767 : -30
15 : #725567 : -28
17 : #745368 : -26
19 : #765168 : -24
21 : #784f69 : -22
23 : #7a4d6a : -20
25 : #7c4b6a : -18
27 : #7e496b : -16
29 : #80476b : -14
31 : #82456c : -12
33 : #84436c : -10
35 : #86416d : -8
37 : #883f6d : -6
39 : #8a3d6e : -4
41 : #8c3b6e : -2
43 : #8e396f : ±0
45 : #90376f : +2
47 : #923570 : +4
49 : #943370 : +6
51 : #963171 : +8
53 : #982f72 : +10
55 : #9a2d72 : +12
57 : #9c2b73 : +14
59 : #9e2973 : +16
61 : #a02774 : +18
63 : #a22574 : +20
65 : #a42375 : +22
67 : #a62175 : +24
69 : #a81f76 : +26
71 : #aa1d76 : +28
73 : #ac1b77 : +30
75 : #ae1977 : +32
77 : #b01778 : +34
79 : #b21578 : +36
81 : #b41379 : +38
83 : #b61179 : +40
85 : #b80f7a : +42
87 : #ba0d7b : +44
89 : #bc0b7b : +46
91 : #be097c : +48
93 : #c0077c : +50
95 : #c2057d : +52
97 : #c4037d : +54
99 : #c6017e : +56
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -38
3 : #0b0409 : -36
5 : #12070e : -34
7 : #1a0a14 : -32
9 : #210d1a : -30
11 : #28101f : -28
13 : #2f1325 : -26
15 : #37162b : -24
17 : #3e1930 : -22
19 : #451c36 : -20
21 : #4d1f3c : -18
23 : #542141 : -16
25 : #5b2447 : -14
27 : #62274d : -12
29 : #6a2a52 : -10
31 : #712d58 : -8
33 : #78305e : -6
35 : #803363 : -4
37 : #873669 : -2
39 : #8e396f : ±0
41 : #963c75 : +2
43 : #9d3f7a : +4
45 : #a44180 : +6
47 : #ab4486 : +8
49 : #b3478b : +10
51 : #b84c90 : +12
53 : #bb5495 : +14
55 : #be5b99 : +16
57 : #c0629e : +18
59 : #c369a2 : +20
61 : #c671a7 : +22
63 : #c978ab : +24
65 : #cc7fb0 : +26
67 : #cf87b4 : +28
69 : #d28eb9 : +30
71 : #d595be : +32
73 : #d89dc2 : +34
75 : #dba4c7 : +36
77 : #deabcb : +38
79 : #e0b2d0 : +40
81 : #e3bad4 : +42
83 : #e6c1d9 : +44
85 : #e9c8dd : +46
87 : #ecd0e2 : +48
89 : #efd7e6 : +50
91 : #f2deeb : +52
93 : #f5e5ef : +54
95 : #f8edf4 : +56
97 : #fbf4f8 : +58
99 : #fefbfd : +60
CSS入門、作ってます。
text-shadow