#8d306c
RGB ( 赤 = 141, 緑 = 48, 青 = 108 )
HSL ( 色相 = 321°, 彩度 = 49%, 明度 = 37% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8d3230 : -320
11 : #8d4130 : -310
21 : #8d5030 : -300
31 : #8d6030 : -290
41 : #8d6f30 : -280
51 : #8d7f30 : -270
61 : #8b8d30 : -260
71 : #7c8d30 : -250
81 : #6c8d30 : -240
91 : #5d8d30 : -230
101 : #4d8d30 : -220
111 : #3e8d30 : -210
121 : #308d32 : -200
131 : #308d41 : -190
141 : #308d50 : -180
151 : #308d60 : -170
161 : #308d6f : -160
171 : #308d7f : -150
181 : #308b8d : -140
191 : #307c8d : -130
201 : #306c8d : -120
211 : #305d8d : -110
221 : #304d8d : -100
231 : #303e8d : -90
241 : #32308d : -80
251 : #41308d : -70
261 : #50308d : -60
271 : #60308d : -50
281 : #6f308d : -40
291 : #7f308d : -30
301 : #8d308b : -20
311 : #8d307c : -10
321 : #8d306c : ±0
331 : #8d305d : +10
341 : #8d304d : +20
351 : #8d303e : +30
311 : #8d307c : -10
312 : #8d307a : -9
313 : #8d3079 : -8
314 : #8d3077 : -7
315 : #8d3075 : -6
316 : #8d3074 : -5
317 : #8d3072 : -4
318 : #8d3071 : -3
319 : #8d306f : -2
320 : #8d306e : -1
321 : #8d306c : ±0
322 : #8d306b : +1
323 : #8d3069 : +2
324 : #8d3068 : +3
325 : #8d3066 : +4
326 : #8d3065 : +5
327 : #8d3063 : +6
328 : #8d3061 : +7
329 : #8d3060 : +8
330 : #8d305e : +9
331 : #8d305d : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5f5d5f : -48
3 : #615c5f : -46
5 : #635a60 : -44
7 : #655860 : -42
9 : #675661 : -40
11 : #695461 : -38
13 : #6b5262 : -36
15 : #6d5063 : -34
17 : #6e4e63 : -32
19 : #704c64 : -30
21 : #724b64 : -28
23 : #744965 : -26
25 : #764765 : -24
27 : #784566 : -22
29 : #7a4367 : -20
31 : #7c4167 : -18
33 : #7d3f68 : -16
35 : #7f3d68 : -14
37 : #813b69 : -12
39 : #833a69 : -10
41 : #85386a : -8
43 : #87366b : -6
45 : #89346b : -4
47 : #8b326c : -2
49 : #8d306c : ±0
51 : #8e2e6d : +2
53 : #902c6d : +4
55 : #922a6e : +6
57 : #94296e : +8
59 : #96276f : +10
61 : #982570 : +12
63 : #9a2370 : +14
65 : #9c2171 : +16
67 : #9e1f71 : +18
69 : #9f1d72 : +20
71 : #a11b72 : +22
73 : #a31973 : +24
75 : #a51874 : +26
77 : #a71674 : +28
79 : #a91475 : +30
81 : #ab1275 : +32
83 : #ad1076 : +34
85 : #af0e76 : +36
87 : #b00c77 : +38
89 : #b20a78 : +40
91 : #b40878 : +42
93 : #b60779 : +44
95 : #b80579 : +46
97 : #ba037a : +48
99 : #bc017a : +50
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -36
3 : #0b0409 : -34
5 : #13070f : -32
7 : #1b0914 : -30
9 : #220c1a : -28
11 : #2a0e20 : -26
13 : #311126 : -24
15 : #39142c : -22
17 : #411632 : -20
19 : #481938 : -18
21 : #501b3d : -16
23 : #571e43 : -14
25 : #5f2149 : -12
27 : #67234f : -10
29 : #6e2655 : -8
31 : #76285b : -6
33 : #7d2b61 : -4
35 : #852e66 : -2
37 : #8d306c : ±0
39 : #943372 : +2
41 : #9c3578 : +4
43 : #a3387e : +6
45 : #ab3b84 : +8
47 : #b33d89 : +10
49 : #ba408f : +12
51 : #bf4594 : +14
53 : #c24c99 : +16
55 : #c4549d : +18
57 : #c75ca1 : +20
59 : #ca63a6 : +22
61 : #cc6baa : +24
63 : #cf72af : +26
65 : #d17ab3 : +28
67 : #d482b7 : +30
69 : #d789bc : +32
71 : #d991c0 : +34
73 : #dc98c4 : +36
75 : #dea0c9 : +38
77 : #e1a8cd : +40
79 : #e4afd1 : +42
81 : #e6b7d6 : +44
83 : #e9beda : +46
85 : #ebc6de : +48
87 : #eecee3 : +50
89 : #f1d5e7 : +52
91 : #f3ddeb : +54
93 : #f6e4f0 : +56
95 : #f8ecf4 : +58
97 : #fbf4f8 : +60
99 : #fefbfd : +62
CSS入門、作ってます。
text-shadow