#983a65
RGB ( 赤 = 152, 緑 = 58, 青 = 101 )
HSL ( 色相 = 333°, 彩度 = 45%, 明度 = 41% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #983e3a : -330
13 : #984e3a : -320
23 : #985e3a : -310
33 : #986d3a : -300
43 : #987d3a : -290
53 : #988d3a : -280
63 : #93983a : -270
73 : #83983a : -260
83 : #74983a : -250
93 : #64983a : -240
103 : #54983a : -230
113 : #44983a : -220
123 : #3a983e : -210
133 : #3a984e : -200
143 : #3a985e : -190
153 : #3a986d : -180
163 : #3a987d : -170
173 : #3a988d : -160
183 : #3a9398 : -150
193 : #3a8398 : -140
203 : #3a7498 : -130
213 : #3a6498 : -120
223 : #3a5498 : -110
233 : #3a4498 : -100
243 : #3e3a98 : -90
253 : #4e3a98 : -80
263 : #5e3a98 : -70
273 : #6d3a98 : -60
283 : #7d3a98 : -50
293 : #8d3a98 : -40
303 : #983a93 : -30
313 : #983a83 : -20
323 : #983a74 : -10
333 : #983a64 : ±0
343 : #983a54 : +10
353 : #983a44 : +20
323 : #983a74 : -10
324 : #983a72 : -9
325 : #983a70 : -8
326 : #983a6f : -7
327 : #983a6d : -6
328 : #983a6c : -5
329 : #983a6a : -4
330 : #983a69 : -3
331 : #983a67 : -2
332 : #983a65 : -1
333 : #983a64 : ±0
334 : #983a62 : +1
335 : #983a61 : +2
336 : #983a5f : +3
337 : #983a5e : +4
338 : #983a5c : +5
339 : #983a5a : +6
340 : #983a59 : +7
341 : #983a57 : +8
342 : #983a56 : +9
343 : #983a54 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6868 : -44
3 : #6c6568 : -42
5 : #6e6368 : -40
7 : #706168 : -38
9 : #725f68 : -36
11 : #745d67 : -34
13 : #765b67 : -32
15 : #785967 : -30
17 : #7a5767 : -28
19 : #7c5567 : -26
21 : #7f5366 : -24
23 : #815166 : -22
25 : #834e66 : -20
27 : #854c66 : -18
29 : #874a66 : -16
31 : #894865 : -14
33 : #8b4665 : -12
35 : #8d4465 : -10
37 : #8f4265 : -8
39 : #914064 : -6
41 : #933e64 : -4
43 : #963c64 : -2
45 : #983a64 : ±0
47 : #9a3764 : +2
49 : #9c3563 : +4
51 : #9e3363 : +6
53 : #a03163 : +8
55 : #a22f63 : +10
57 : #a42d63 : +12
59 : #a62b62 : +14
61 : #a82962 : +16
63 : #aa2762 : +18
65 : #ad2562 : +20
67 : #af2362 : +22
69 : #b12061 : +24
71 : #b31e61 : +26
73 : #b51c61 : +28
75 : #b71a61 : +30
77 : #b91860 : +32
79 : #bb1660 : +34
81 : #bd1460 : +36
83 : #bf1260 : +38
85 : #c11060 : +40
87 : #c40e5f : +42
89 : #c60c5f : +44
91 : #c8095f : +46
93 : #ca075f : +48
95 : #cc055f : +50
97 : #ce035e : +52
99 : #d0015e : +54
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -40
3 : #0b0407 : -38
5 : #12070c : -36
7 : #1a0a11 : -34
9 : #210d16 : -32
11 : #290f1b : -30
13 : #301220 : -28
15 : #371525 : -26
17 : #3f1829 : -24
19 : #461b2e : -22
21 : #4e1d33 : -20
23 : #552038 : -18
25 : #5c233d : -16
27 : #642642 : -14
29 : #6b2947 : -12
31 : #732b4b : -10
33 : #7a2e50 : -8
35 : #813155 : -6
37 : #89345a : -4
39 : #90375f : -2
41 : #983a64 : ±0
43 : #9f3c69 : +2
45 : #a63f6e : +4
47 : #ae4272 : +6
49 : #b54577 : +8
51 : #ba4a7c : +10
53 : #bd5182 : +12
55 : #c05987 : +14
57 : #c3608c : +16
59 : #c56792 : +18
61 : #c86f97 : +20
63 : #cb769c : +22
65 : #ce7ea2 : +24
67 : #d185a7 : +26
69 : #d48cac : +28
71 : #d694b2 : +30
73 : #d99bb7 : +32
75 : #dca3bc : +34
77 : #dfaac2 : +36
79 : #e2b1c7 : +38
81 : #e4b9cc : +40
83 : #e7c0d2 : +42
85 : #eac8d7 : +44
87 : #edcfdc : +46
89 : #f0d6e2 : +48
91 : #f2dee7 : +50
93 : #f5e5ec : +52
95 : #f8edf2 : +54
97 : #fbf4f7 : +56
99 : #fefbfc : +58
CSS入門、作ってます。
text-shadow