#c43671
RGB ( 赤 = 196, 緑 = 54, 青 = 113 )
HSL ( 色相 = 335°, 彩度 = 57%, 明度 = 49% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c44236 : -330
15 : #c45936 : -320
25 : #c47136 : -310
35 : #c48936 : -300
45 : #c4a136 : -290
55 : #c4b836 : -280
65 : #b8c436 : -270
75 : #a1c436 : -260
85 : #89c436 : -250
95 : #71c436 : -240
105 : #59c436 : -230
115 : #42c436 : -220
125 : #36c442 : -210
135 : #36c459 : -200
145 : #36c471 : -190
155 : #36c489 : -180
165 : #36c4a1 : -170
175 : #36c4b8 : -160
185 : #36b8c4 : -150
195 : #36a1c4 : -140
205 : #3689c4 : -130
215 : #3671c4 : -120
225 : #3659c4 : -110
235 : #3642c4 : -100
245 : #4236c4 : -90
255 : #5936c4 : -80
265 : #7136c4 : -70
275 : #8936c4 : -60
285 : #a136c4 : -50
295 : #b836c4 : -40
305 : #c436b8 : -30
315 : #c436a1 : -20
325 : #c43689 : -10
335 : #c43671 : ±0
345 : #c43659 : +10
355 : #c43642 : +20
325 : #c43689 : -10
326 : #c43686 : -9
327 : #c43684 : -8
328 : #c43682 : -7
329 : #c4367f : -6
330 : #c4367d : -5
331 : #c4367b : -4
332 : #c43678 : -3
333 : #c43676 : -2
334 : #c43673 : -1
335 : #c43671 : ±0
336 : #c4366f : +1
337 : #c4366c : +2
338 : #c4366a : +3
339 : #c43668 : +4
340 : #c43665 : +5
341 : #c43663 : +6
342 : #c43660 : +7
343 : #c4365e : +8
344 : #c4365c : +9
345 : #c43659 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7d : -56
3 : #81797c : -54
5 : #83777c : -52
7 : #86747b : -50
9 : #88727b : -48
11 : #8b6f7b : -46
13 : #8d6d7a : -44
15 : #906a7a : -42
17 : #926879 : -40
19 : #956579 : -38
21 : #976379 : -36
23 : #9a6078 : -34
25 : #9c5e78 : -32
27 : #9f5b77 : -30
29 : #a15977 : -28
31 : #a45676 : -26
33 : #a65476 : -24
35 : #a95176 : -22
37 : #ab4f75 : -20
39 : #ae4c75 : -18
41 : #b04a74 : -16
43 : #b34774 : -14
45 : #b54574 : -12
47 : #b84273 : -10
49 : #ba4073 : -8
51 : #bd3d72 : -6
53 : #bf3b72 : -4
55 : #c23871 : -2
57 : #c43671 : ±0
59 : #c73371 : +2
61 : #c93170 : +4
63 : #cc2e70 : +6
65 : #ce2c6f : +8
67 : #d1296f : +10
69 : #d3276f : +12
71 : #d6246e : +14
73 : #d8226e : +16
75 : #db1f6d : +18
77 : #dd1d6d : +20
79 : #e01a6c : +22
81 : #e2186c : +24
83 : #e5156c : +26
85 : #e7136b : +28
87 : #ea106b : +30
89 : #ec0e6a : +32
91 : #ef0b6a : +34
93 : #f1096a : +36
95 : #f40669 : +38
97 : #f60469 : +40
99 : #f90168 : +42
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -48
3 : #0c0307 : -46
5 : #14050c : -44
7 : #1c0810 : -42
9 : #240a15 : -40
11 : #2c0c19 : -38
13 : #340e1e : -36
15 : #3c1023 : -34
17 : #441327 : -32
19 : #4c152c : -30
21 : #541730 : -28
23 : #5c1935 : -26
25 : #641b3a : -24
27 : #6c1e3e : -22
29 : #742043 : -20
31 : #7c2248 : -18
33 : #84244c : -16
35 : #8c2651 : -14
37 : #942955 : -12
39 : #9c2b5a : -10
41 : #a42d5f : -8
43 : #ac2f63 : -6
45 : #b43168 : -4
47 : #bc346c : -2
49 : #c43671 : ±0
51 : #c93b76 : +2
53 : #cb437c : +4
55 : #ce4b81 : +6
57 : #d05387 : +8
59 : #d25b8d : +10
61 : #d46392 : +12
63 : #d66b98 : +14
65 : #d9739d : +16
67 : #db7ba3 : +18
69 : #dd83a8 : +20
71 : #df8bae : +22
73 : #e193b4 : +24
75 : #e49bb9 : +26
77 : #e6a3bf : +28
79 : #e8abc4 : +30
81 : #eab3ca : +32
83 : #ecbbd0 : +34
85 : #efc3d5 : +36
87 : #f1cbdb : +38
89 : #f3d3e0 : +40
91 : #f5dbe6 : +42
93 : #f7e3eb : +44
95 : #faebf1 : +46
97 : #fcf3f7 : +48
99 : #fefbfc : +50
CSS入門、作ってます。
text-shadow