#9c3563
RGB ( 赤 = 156, 緑 = 53, 青 = 99 )
HSL ( 色相 = 333°, 彩度 = 49%, 明度 = 41% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #9c3a35 : -330
13 : #9c4c35 : -320
23 : #9c5d35 : -310
33 : #9c6e35 : -300
43 : #9c7f35 : -290
53 : #9c9035 : -280
63 : #979c35 : -270
73 : #869c35 : -260
83 : #759c35 : -250
93 : #639c35 : -240
103 : #529c35 : -230
113 : #419c35 : -220
123 : #359c3a : -210
133 : #359c4c : -200
143 : #359c5d : -190
153 : #359c6e : -180
163 : #359c7f : -170
173 : #359c90 : -160
183 : #35979c : -150
193 : #35869c : -140
203 : #35759c : -130
213 : #35639c : -120
223 : #35529c : -110
233 : #35419c : -100
243 : #3a359c : -90
253 : #4c359c : -80
263 : #5d359c : -70
273 : #6e359c : -60
283 : #7f359c : -50
293 : #90359c : -40
303 : #9c3597 : -30
313 : #9c3586 : -20
323 : #9c3575 : -10
333 : #9c3563 : ±0
343 : #9c3552 : +10
353 : #9c3541 : +20
323 : #9c3575 : -10
324 : #9c3573 : -9
325 : #9c3571 : -8
326 : #9c356f : -7
327 : #9c356e : -6
328 : #9c356c : -5
329 : #9c356a : -4
330 : #9c3569 : -3
331 : #9c3567 : -2
332 : #9c3565 : -1
333 : #9c3563 : ±0
334 : #9c3562 : +1
335 : #9c3560 : +2
336 : #9c355e : +3
337 : #9c355d : +4
338 : #9c355b : +5
339 : #9c3559 : +6
340 : #9c3557 : +7
341 : #9c3556 : +8
342 : #9c3554 : +9
343 : #9c3552 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6868 : -48
3 : #6c6568 : -46
5 : #6e6368 : -44
7 : #706168 : -42
9 : #725f68 : -40
11 : #745d67 : -38
13 : #765b67 : -36
15 : #785967 : -34
17 : #7a5767 : -32
19 : #7c5567 : -30
21 : #7f5366 : -28
23 : #815166 : -26
25 : #834e66 : -24
27 : #854c66 : -22
29 : #874a66 : -20
31 : #894865 : -18
33 : #8b4665 : -16
35 : #8d4465 : -14
37 : #8f4265 : -12
39 : #914064 : -10
41 : #933e64 : -8
43 : #963c64 : -6
45 : #983a64 : -4
47 : #9a3764 : -2
49 : #9c3563 : ±0
51 : #9e3363 : +2
53 : #a03163 : +4
55 : #a22f63 : +6
57 : #a42d63 : +8
59 : #a62b62 : +10
61 : #a82962 : +12
63 : #aa2762 : +14
65 : #ad2562 : +16
67 : #af2362 : +18
69 : #b12061 : +20
71 : #b31e61 : +22
73 : #b51c61 : +24
75 : #b71a61 : +26
77 : #b91860 : +28
79 : #bb1660 : +30
81 : #bd1460 : +32
83 : #bf1260 : +34
85 : #c11060 : +36
87 : #c40e5f : +38
89 : #c60c5f : +40
91 : #c8095f : +42
93 : #ca075f : +44
95 : #cc055f : +46
97 : #ce035e : +48
99 : #d0015e : +50
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -40
3 : #0b0407 : -38
5 : #13070c : -36
7 : #1b0911 : -34
9 : #220c16 : -32
11 : #2a0e1b : -30
13 : #311120 : -28
15 : #391424 : -26
17 : #411629 : -24
19 : #48192e : -22
21 : #501b33 : -20
23 : #571e38 : -18
25 : #5f213d : -16
27 : #672341 : -14
29 : #6e2646 : -12
31 : #76284b : -10
33 : #7d2b50 : -8
35 : #852e55 : -6
37 : #8d305a : -4
39 : #94335f : -2
41 : #9c3563 : ±0
43 : #a33868 : +2
45 : #ab3b6d : +4
47 : #b33d72 : +6
49 : #ba4077 : +8
51 : #bf457c : +10
53 : #c24c81 : +12
55 : #c45487 : +14
57 : #c75c8c : +16
59 : #ca6391 : +18
61 : #cc6b97 : +20
63 : #cf729c : +22
65 : #d17aa1 : +24
67 : #d482a7 : +26
69 : #d789ac : +28
71 : #d991b1 : +30
73 : #dc98b7 : +32
75 : #dea0bc : +34
77 : #e1a8c1 : +36
79 : #e4afc7 : +38
81 : #e6b7cc : +40
83 : #e9bed2 : +42
85 : #ebc6d7 : +44
87 : #eecedc : +46
89 : #f1d5e2 : +48
91 : #f3dde7 : +50
93 : #f6e4ec : +52
95 : #f8ecf2 : +54
97 : #fbf4f7 : +56
99 : #fefbfc : +58
CSS入門、作ってます。
text-shadow