#a02c77
RGB ( 赤 = 160, 緑 = 44, 青 = 119 )
HSL ( 色相 = 321°, 彩度 = 57%, 明度 = 40% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a02e2c : -320
11 : #a0412c : -310
21 : #a0552c : -300
31 : #a0682c : -290
41 : #a07b2c : -280
51 : #a08f2c : -270
61 : #9ea02c : -260
71 : #8ba02c : -250
81 : #77a02c : -240
91 : #64a02c : -230
101 : #51a02c : -220
111 : #3da02c : -210
121 : #2ca02e : -200
131 : #2ca041 : -190
141 : #2ca055 : -180
151 : #2ca068 : -170
161 : #2ca07b : -160
171 : #2ca08f : -150
181 : #2c9ea0 : -140
191 : #2c8ba0 : -130
201 : #2c77a0 : -120
211 : #2c64a0 : -110
221 : #2c51a0 : -100
231 : #2c3da0 : -90
241 : #2e2ca0 : -80
251 : #412ca0 : -70
261 : #552ca0 : -60
271 : #682ca0 : -50
281 : #7b2ca0 : -40
291 : #8f2ca0 : -30
301 : #a02c9e : -20
311 : #a02c8b : -10
321 : #a02c77 : ±0
331 : #a02c64 : +10
341 : #a02c51 : +20
351 : #a02c3d : +30
311 : #a02c8b : -10
312 : #a02c89 : -9
313 : #a02c87 : -8
314 : #a02c85 : -7
315 : #a02c83 : -6
316 : #a02c81 : -5
317 : #a02c7f : -4
318 : #a02c7d : -3
319 : #a02c7b : -2
320 : #a02c79 : -1
321 : #a02c77 : ±0
322 : #a02c76 : +1
323 : #a02c74 : +2
324 : #a02c72 : +3
325 : #a02c70 : +4
326 : #a02c6e : +5
327 : #a02c6c : +6
328 : #a02c6a : +7
329 : #a02c68 : +8
330 : #a02c66 : +9
331 : #a02c64 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676566 : -56
3 : #696367 : -54
5 : #6b6168 : -52
7 : #6d5f68 : -50
9 : #6f5d69 : -48
11 : #715b69 : -46
13 : #73596a : -44
15 : #75576b : -42
17 : #77556b : -40
19 : #79536c : -38
21 : #7b516c : -36
23 : #7d4f6d : -34
25 : #804d6e : -32
27 : #824a6e : -30
29 : #84486f : -28
31 : #86466f : -26
33 : #884470 : -24
35 : #8a4271 : -22
37 : #8c4071 : -20
39 : #8e3e72 : -18
41 : #903c73 : -16
43 : #923a73 : -14
45 : #943874 : -12
47 : #963674 : -10
49 : #983475 : -8
51 : #9a3276 : -6
53 : #9c3076 : -4
55 : #9e2e77 : -2
57 : #a02c77 : ±0
59 : #a22a78 : +2
61 : #a42879 : +4
63 : #a62679 : +6
65 : #a8247a : +8
67 : #aa227b : +10
69 : #ac207b : +12
71 : #ae1e7c : +14
73 : #b01c7c : +16
75 : #b31a7d : +18
77 : #b5177e : +20
79 : #b7157e : +22
81 : #b9137f : +24
83 : #bb117f : +26
85 : #bd0f80 : +28
87 : #bf0d81 : +30
89 : #c10b81 : +32
91 : #c30982 : +34
93 : #c50782 : +36
95 : #c70583 : +38
97 : #c90384 : +40
99 : #cb0184 : +42
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #080206 : -38
4 : #10040c : -36
6 : #180712 : -34
8 : #200918 : -32
10 : #280b1e : -30
12 : #300d24 : -28
14 : #380f2a : -26
16 : #401230 : -24
18 : #481436 : -22
20 : #50163c : -20
22 : #581842 : -18
24 : #601a48 : -16
26 : #681d4e : -14
28 : #701f54 : -12
30 : #78215a : -10
32 : #802360 : -8
34 : #882566 : -6
36 : #90276b : -4
38 : #982a71 : -2
40 : #a02c77 : ±0
42 : #a82e7d : +2
44 : #b03083 : +4
46 : #b83289 : +6
48 : #c0358f : +8
50 : #c83795 : +10
52 : #ca3f9a : +12
54 : #cd479e : +14
56 : #cf4fa2 : +16
58 : #d157a6 : +18
60 : #d35faa : +20
62 : #d567af : +22
64 : #d86fb3 : +24
66 : #da77b7 : +26
68 : #dc7fbb : +28
70 : #de87c0 : +30
72 : #e08fc4 : +32
74 : #e297c8 : +34
76 : #e59fcc : +36
78 : #e7a7d0 : +38
80 : #e9afd5 : +40
82 : #ebb7d9 : +42
84 : #edbfdd : +44
86 : #f0c7e1 : +46
88 : #f2cfe6 : +48
90 : #f4d7ea : +50
92 : #f6dfee : +52
94 : #f8e7f2 : +54
96 : #fbeff7 : +56
98 : #fdf7fb : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow