#96316f
RGB ( 赤 = 150, 緑 = 49, 青 = 111 )
HSL ( 色相 = 323°, 彩度 = 51%, 明度 = 39% )
H : 色相 ( 323° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #963631 : -320
13 : #964731 : -310
23 : #965831 : -300
33 : #966931 : -290
43 : #967931 : -280
53 : #968a31 : -270
63 : #919631 : -260
73 : #809631 : -250
83 : #6f9631 : -240
93 : #5e9631 : -230
103 : #4d9631 : -220
113 : #3d9631 : -210
123 : #319636 : -200
133 : #319647 : -190
143 : #319658 : -180
153 : #319669 : -170
163 : #319679 : -160
173 : #31968a : -150
183 : #319196 : -140
193 : #318096 : -130
203 : #316f96 : -120
213 : #315e96 : -110
223 : #314d96 : -100
233 : #313d96 : -90
243 : #363196 : -80
253 : #473196 : -70
263 : #583196 : -60
273 : #693196 : -50
283 : #793196 : -40
293 : #8a3196 : -30
303 : #963191 : -20
313 : #963180 : -10
323 : #96316f : ±0
333 : #96315e : +10
343 : #96314d : +20
353 : #96313d : +30
313 : #963180 : -10
314 : #96317f : -9
315 : #96317d : -8
316 : #96317b : -7
317 : #963179 : -6
318 : #963178 : -5
319 : #963176 : -4
320 : #963174 : -3
321 : #963173 : -2
322 : #963171 : -1
323 : #96316f : ±0
324 : #96316e : +1
325 : #96316c : +2
326 : #96316a : +3
327 : #963169 : +4
328 : #963167 : +5
329 : #963165 : +6
330 : #963163 : +7
331 : #963162 : +8
332 : #963160 : +9
333 : #96315e : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646264 : -50
3 : #666064 : -48
5 : #685e65 : -46
7 : #6a5c65 : -44
9 : #6c5a66 : -42
11 : #6e5966 : -40
13 : #705766 : -38
15 : #725567 : -36
17 : #745367 : -34
19 : #765168 : -32
21 : #784f68 : -30
23 : #7a4d69 : -28
25 : #7c4b69 : -26
27 : #7e496a : -24
29 : #80476a : -22
31 : #82456b : -20
33 : #84436b : -18
35 : #86416c : -16
37 : #883f6c : -14
39 : #8a3d6c : -12
41 : #8c3b6d : -10
43 : #8e396d : -8
45 : #90376e : -6
47 : #92356e : -4
49 : #94336f : -2
51 : #96316f : ±0
53 : #982f70 : +2
55 : #9a2d70 : +4
57 : #9c2b71 : +6
59 : #9e2971 : +8
61 : #a02772 : +10
63 : #a22572 : +12
65 : #a42373 : +14
67 : #a62173 : +16
69 : #a81f73 : +18
71 : #aa1d74 : +20
73 : #ac1b74 : +22
75 : #ae1975 : +24
77 : #b01775 : +26
79 : #b21576 : +28
81 : #b41376 : +30
83 : #b61177 : +32
85 : #b80f77 : +34
87 : #ba0d78 : +36
89 : #bc0b78 : +38
91 : #be0979 : +40
93 : #c00779 : +42
95 : #c20579 : +44
97 : #c4037a : +46
99 : #c6017a : +48
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -38
3 : #0c0409 : -36
5 : #13060e : -34
7 : #1b0914 : -32
9 : #230b1a : -30
11 : #2a0e1f : -28
13 : #321025 : -26
15 : #3a132b : -24
17 : #411531 : -22
19 : #491836 : -20
21 : #511a3c : -18
23 : #591d42 : -16
25 : #601f47 : -14
27 : #68224d : -12
29 : #702453 : -10
31 : #772758 : -8
33 : #7f295e : -6
35 : #872c64 : -4
37 : #8e2e6a : -2
39 : #96316f : ±0
41 : #9e3375 : +2
43 : #a6367b : +4
45 : #ad3880 : +6
47 : #b53b86 : +8
49 : #bd3d8c : +10
51 : #c24291 : +12
53 : #c44a95 : +14
55 : #c7529a : +16
57 : #c9599e : +18
59 : #cc61a3 : +20
61 : #ce69a7 : +22
63 : #d171ac : +24
65 : #d378b0 : +26
67 : #d680b5 : +28
69 : #d888b9 : +30
71 : #db8fbe : +32
73 : #dd97c2 : +34
75 : #e09fc7 : +36
77 : #e2a6cb : +38
79 : #e5aed0 : +40
81 : #e7b6d4 : +42
83 : #eabed9 : +44
85 : #ecc5dd : +46
87 : #efcde2 : +48
89 : #f1d5e6 : +50
91 : #f4dceb : +52
93 : #f6e4ef : +54
95 : #f9ecf4 : +56
97 : #fbf3f8 : +58
99 : #fefbfd : +60
CSS入門、作ってます。
text-shadow