#8d3089
RGB ( 赤 = 141, 緑 = 48, 青 = 137 )
HSL ( 色相 = 303°, 彩度 = 49%, 明度 = 37% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #8d3530 : -300
13 : #8d4430 : -290
23 : #8d5430 : -280
33 : #8d6330 : -270
43 : #8d7230 : -260
53 : #8d8230 : -250
63 : #888d30 : -240
73 : #798d30 : -230
83 : #698d30 : -220
93 : #5a8d30 : -210
103 : #4a8d30 : -200
113 : #3b8d30 : -190
123 : #308d35 : -180
133 : #308d44 : -170
143 : #308d54 : -160
153 : #308d63 : -150
163 : #308d72 : -140
173 : #308d82 : -130
183 : #30888d : -120
193 : #30798d : -110
203 : #30698d : -100
213 : #305a8d : -90
223 : #304a8d : -80
233 : #303b8d : -70
243 : #35308d : -60
253 : #44308d : -50
263 : #54308d : -40
273 : #63308d : -30
283 : #72308d : -20
293 : #82308d : -10
303 : #8d3088 : ±0
313 : #8d3079 : +10
323 : #8d3069 : +20
333 : #8d305a : +30
343 : #8d304a : +40
353 : #8d303b : +50
293 : #82308d : -10
294 : #83308d : -9
295 : #85308d : -8
296 : #86308d : -7
297 : #88308d : -6
298 : #89308d : -5
299 : #8b308d : -4
300 : #8d308d : -3
301 : #8d308b : -2
302 : #8d3089 : -1
303 : #8d3088 : ±0
304 : #8d3086 : +1
305 : #8d3085 : +2
306 : #8d3083 : +3
307 : #8d3082 : +4
308 : #8d3080 : +5
309 : #8d307f : +6
310 : #8d307d : +7
311 : #8d307c : +8
312 : #8d307a : +9
313 : #8d3079 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5f5d5f : -48
3 : #615c61 : -46
5 : #635a63 : -44
7 : #655864 : -42
9 : #675666 : -40
11 : #695468 : -38
13 : #6b5269 : -36
15 : #6d506b : -34
17 : #6e4e6d : -32
19 : #704c6e : -30
21 : #724b70 : -28
23 : #744972 : -26
25 : #764774 : -24
27 : #784575 : -22
29 : #7a4377 : -20
31 : #7c4179 : -18
33 : #7d3f7a : -16
35 : #7f3d7c : -14
37 : #813b7e : -12
39 : #833a7f : -10
41 : #853881 : -8
43 : #873683 : -6
45 : #893485 : -4
47 : #8b3286 : -2
49 : #8d3088 : ±0
51 : #8e2e8a : +2
53 : #902c8b : +4
55 : #922a8d : +6
57 : #94298f : +8
59 : #962790 : +10
61 : #982592 : +12
63 : #9a2394 : +14
65 : #9c2196 : +16
67 : #9e1f97 : +18
69 : #9f1d99 : +20
71 : #a11b9b : +22
73 : #a3199c : +24
75 : #a5189e : +26
77 : #a716a0 : +28
79 : #a914a1 : +30
81 : #ab12a3 : +32
83 : #ad10a5 : +34
85 : #af0ea7 : +36
87 : #b00ca8 : +38
89 : #b20aaa : +40
91 : #b408ac : +42
93 : #b607ad : +44
95 : #b805af : +46
97 : #ba03b1 : +48
99 : #bc01b2 : +50
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -36
3 : #0b040b : -34
5 : #130712 : -32
7 : #1b091a : -30
9 : #220c21 : -28
11 : #2a0e28 : -26
13 : #311130 : -24
15 : #391437 : -22
17 : #41163e : -20
19 : #481946 : -18
21 : #501b4d : -16
23 : #571e55 : -14
25 : #5f215c : -12
27 : #672363 : -10
29 : #6e266b : -8
31 : #762872 : -6
33 : #7d2b79 : -4
35 : #852e81 : -2
37 : #8d3088 : ±0
39 : #94338f : +2
41 : #9c3597 : +4
43 : #a3389e : +6
45 : #ab3ba5 : +8
47 : #b33dad : +10
49 : #ba40b4 : +12
51 : #bf45b9 : +14
53 : #c24cbc : +16
55 : #c454bf : +18
57 : #c75cc2 : +20
59 : #ca63c5 : +22
61 : #cc6bc7 : +24
63 : #cf72ca : +26
65 : #d17acd : +28
67 : #d482d0 : +30
69 : #d789d3 : +32
71 : #d991d6 : +34
73 : #dc98d9 : +36
75 : #dea0db : +38
77 : #e1a8de : +40
79 : #e4afe1 : +42
81 : #e6b7e4 : +44
83 : #e9bee7 : +46
85 : #ebc6ea : +48
87 : #eeceec : +50
89 : #f1d5ef : +52
91 : #f3ddf2 : +54
93 : #f6e4f5 : +56
95 : #f8ecf8 : +58
97 : #fbf4fb : +60
99 : #fefbfe : +62
CSS入門、作ってます。
text-shadow