#7c5a6e
RGB ( 赤 = 124, 緑 = 90, 青 = 110 )
HSL ( 色相 = 325°, 彩度 = 16%, 明度 = 42% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #7c5d5a : -320
15 : #7c635a : -310
25 : #7c685a : -300
35 : #7c6e5a : -290
45 : #7c745a : -280
55 : #7c795a : -270
65 : #797c5a : -260
75 : #747c5a : -250
85 : #6e7c5a : -240
95 : #687c5a : -230
105 : #637c5a : -220
115 : #5d7c5a : -210
125 : #5a7c5d : -200
135 : #5a7c63 : -190
145 : #5a7c68 : -180
155 : #5a7c6e : -170
165 : #5a7c74 : -160
175 : #5a7c79 : -150
185 : #5a797c : -140
195 : #5a747c : -130
205 : #5a6e7c : -120
215 : #5a687c : -110
225 : #5a637c : -100
235 : #5a5d7c : -90
245 : #5d5a7c : -80
255 : #635a7c : -70
265 : #685a7c : -60
275 : #6e5a7c : -50
285 : #745a7c : -40
295 : #795a7c : -30
305 : #7c5a79 : -20
315 : #7c5a74 : -10
325 : #7c5a6e : ±0
335 : #7c5a68 : +10
345 : #7c5a63 : +20
355 : #7c5a5d : +30
315 : #7c5a74 : -10
316 : #7c5a73 : -9
317 : #7c5a73 : -8
318 : #7c5a72 : -7
319 : #7c5a71 : -6
320 : #7c5a71 : -5
321 : #7c5a70 : -4
322 : #7c5a70 : -3
323 : #7c5a6f : -2
324 : #7c5a6f : -1
325 : #7c5a6e : ±0
326 : #7c5a6d : +1
327 : #7c5a6d : +2
328 : #7c5a6c : +3
329 : #7c5a6c : +4
330 : #7c5a6b : +5
331 : #7c5a6b : +6
332 : #7c5a6a : +7
333 : #7c5a69 : +8
334 : #7c5a69 : +9
335 : #7c5a68 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -16
2 : #6d696b : -14
4 : #6f676c : -12
6 : #72656c : -10
8 : #74636d : -8
10 : #76606d : -6
12 : #785e6d : -4
14 : #7a5c6e : -2
16 : #7c5a6e : ±0
18 : #7e586e : +2
20 : #81566f : +4
22 : #83546f : +6
24 : #85516f : +8
26 : #874f70 : +10
28 : #894d70 : +12
30 : #8b4b70 : +14
32 : #8d4971 : +16
34 : #904771 : +18
36 : #924572 : +20
38 : #944272 : +22
40 : #964072 : +24
42 : #983e73 : +26
44 : #9a3c73 : +28
46 : #9c3a73 : +30
48 : #9f3874 : +32
50 : #a13674 : +34
52 : #a33374 : +36
54 : #a53175 : +38
56 : #a72f75 : +40
58 : #a92d75 : +42
60 : #ab2b76 : +44
62 : #ae2976 : +46
64 : #b02777 : +48
66 : #b22477 : +50
68 : #b42277 : +52
70 : #b62078 : +54
72 : #b81e78 : +56
74 : #ba1c78 : +58
76 : #bc1a79 : +60
78 : #bf1879 : +62
80 : #c11579 : +64
82 : #c3137a : +66
84 : #c5117a : +68
86 : #c70f7a : +70
88 : #c90d7b : +72
90 : #cb0b7b : +74
92 : #ce097c : +76
94 : #d0067c : +78
96 : #d2047c : +80
98 : #d4027d : +82
100 : #d6007d : +84
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #060405 : -40
4 : #0c090a : -38
6 : #120d10 : -36
8 : #181115 : -34
10 : #1e151a : -32
12 : #231a1f : -30
14 : #291e25 : -28
16 : #2f222a : -26
18 : #35272f : -24
20 : #3b2b34 : -22
22 : #412f3a : -20
24 : #47333f : -18
26 : #4d3844 : -16
28 : #533c49 : -14
30 : #59404f : -12
32 : #5f4554 : -10
34 : #654959 : -8
36 : #6a4d5e : -6
38 : #705163 : -4
40 : #765669 : -2
42 : #7c5a6e : ±0
44 : #825e73 : +2
46 : #886378 : +4
48 : #8e677e : +6
50 : #946b83 : +8
52 : #987188 : +10
54 : #9c778d : +12
56 : #a17d92 : +14
58 : #a58397 : +16
60 : #a9899c : +18
62 : #ae8fa1 : +20
64 : #b295a6 : +22
66 : #b69aab : +24
68 : #baa0b0 : +26
70 : #bfa6b5 : +28
72 : #c3acba : +30
74 : #c7b2be : +32
76 : #ccb8c3 : +34
78 : #d0bec8 : +36
80 : #d4c4cd : +38
82 : #d8cad2 : +40
84 : #ddd0d7 : +42
86 : #e1d6dc : +44
88 : #e5dce1 : +46
90 : #eae1e6 : +48
92 : #eee7eb : +50
94 : #f2edf0 : +52
96 : #f6f3f5 : +54
98 : #fbf9fa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow