#8d3459
RGB ( 赤 = 141, 緑 = 52, 青 = 89 )
HSL ( 色相 = 335°, 彩度 = 46%, 明度 = 38% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #8d3c34 : -330
15 : #8d4b34 : -320
25 : #8d5934 : -310
35 : #8d6834 : -300
45 : #8d7734 : -290
55 : #8d8634 : -280
65 : #868d34 : -270
75 : #778d34 : -260
85 : #688d34 : -250
95 : #598d34 : -240
105 : #4b8d34 : -230
115 : #3c8d34 : -220
125 : #348d3c : -210
135 : #348d4b : -200
145 : #348d59 : -190
155 : #348d68 : -180
165 : #348d77 : -170
175 : #348d86 : -160
185 : #34868d : -150
195 : #34778d : -140
205 : #34688d : -130
215 : #34598d : -120
225 : #344b8d : -110
235 : #343c8d : -100
245 : #3c348d : -90
255 : #4b348d : -80
265 : #59348d : -70
275 : #68348d : -60
285 : #77348d : -50
295 : #86348d : -40
305 : #8d3486 : -30
315 : #8d3477 : -20
325 : #8d3468 : -10
335 : #8d3459 : ±0
345 : #8d344b : +10
355 : #8d343c : +20
325 : #8d3468 : -10
326 : #8d3467 : -9
327 : #8d3465 : -8
328 : #8d3464 : -7
329 : #8d3462 : -6
330 : #8d3461 : -5
331 : #8d345f : -4
332 : #8d345e : -3
333 : #8d345c : -2
334 : #8d345b : -1
335 : #8d3459 : ±0
336 : #8d3458 : +1
337 : #8d3456 : +2
338 : #8d3455 : +3
339 : #8d3454 : +4
340 : #8d3452 : +5
341 : #8d3451 : +6
342 : #8d344f : +7
343 : #8d344e : +8
344 : #8d344c : +9
345 : #8d344b : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -46
2 : #635f61 : -44
4 : #655d60 : -42
6 : #675b60 : -40
8 : #695960 : -38
10 : #6b575f : -36
12 : #6d555f : -34
14 : #6e535f : -32
16 : #70515e : -30
18 : #724f5e : -28
20 : #744e5e : -26
22 : #764c5d : -24
24 : #784a5d : -22
26 : #7a485d : -20
28 : #7c465c : -18
30 : #7e445c : -16
32 : #80425c : -14
34 : #82405b : -12
36 : #843e5b : -10
38 : #863c5b : -8
40 : #883a5a : -6
42 : #8a385a : -4
44 : #8c365a : -2
46 : #8d3459 : ±0
48 : #8f3259 : +2
50 : #913059 : +4
52 : #932f59 : +6
54 : #952d58 : +8
56 : #972b58 : +10
58 : #992958 : +12
60 : #9b2757 : +14
62 : #9d2557 : +16
64 : #9f2357 : +18
66 : #a12156 : +20
68 : #a31f56 : +22
70 : #a51d56 : +24
72 : #a71b55 : +26
74 : #a91955 : +28
76 : #ab1755 : +30
78 : #ac1554 : +32
80 : #ae1354 : +34
82 : #b01154 : +36
84 : #b21053 : +38
86 : #b40e53 : +40
88 : #b60c53 : +42
90 : #b80a52 : +44
92 : #ba0852 : +46
94 : #bc0652 : +48
96 : #be0451 : +50
98 : #c00251 : +52
100 : #c20051 : +54
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #070305 : -36
4 : #0f0609 : -34
6 : #16080e : -32
8 : #1e0b13 : -30
10 : #250e18 : -28
12 : #2d111c : -26
14 : #341321 : -24
16 : #3c1626 : -22
18 : #43192a : -20
20 : #4a1c2f : -18
22 : #521e34 : -16
24 : #592139 : -14
26 : #61243d : -12
28 : #682742 : -10
30 : #702947 : -8
32 : #772c4b : -6
34 : #7f2f50 : -4
36 : #863255 : -2
38 : #8d3459 : ±0
40 : #95375e : +2
42 : #9c3a63 : +4
44 : #a43d68 : +6
46 : #ab3f6c : +8
48 : #b34271 : +10
50 : #ba4576 : +12
52 : #bd4c7b : +14
54 : #c05481 : +16
56 : #c25b86 : +18
58 : #c5638c : +20
60 : #c86a91 : +22
62 : #cb7297 : +24
64 : #cd799c : +26
66 : #d080a2 : +28
68 : #d388a7 : +30
70 : #d68fad : +32
72 : #d897b2 : +34
74 : #db9eb8 : +36
76 : #dea6bd : +38
78 : #e1adc3 : +40
80 : #e3b5c8 : +42
82 : #e6bcce : +44
84 : #e9c3d3 : +46
86 : #eccbd9 : +48
88 : #eed2de : +50
90 : #f1dae4 : +52
92 : #f4e1e9 : +54
94 : #f7e9ef : +56
96 : #f9f0f4 : +58
98 : #fcf8fa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow