#7c5a74
RGB ( 赤 = 124, 緑 = 90, 青 = 116 )
HSL ( 色相 = 314°, 彩度 = 16%, 明度 = 42% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7c5c5a : -310
14 : #7c625a : -300
24 : #7c685a : -290
34 : #7c6d5a : -280
44 : #7c735a : -270
54 : #7c795a : -260
64 : #7a7c5a : -250
74 : #747c5a : -240
84 : #6f7c5a : -230
94 : #697c5a : -220
104 : #637c5a : -210
114 : #5d7c5a : -200
124 : #5a7c5c : -190
134 : #5a7c62 : -180
144 : #5a7c68 : -170
154 : #5a7c6d : -160
164 : #5a7c73 : -150
174 : #5a7c79 : -140
184 : #5a7a7c : -130
194 : #5a747c : -120
204 : #5a6f7c : -110
214 : #5a697c : -100
224 : #5a637c : -90
234 : #5a5d7c : -80
244 : #5c5a7c : -70
254 : #625a7c : -60
264 : #685a7c : -50
274 : #6d5a7c : -40
284 : #735a7c : -30
294 : #795a7c : -20
304 : #7c5a7a : -10
314 : #7c5a74 : ±0
324 : #7c5a6f : +10
334 : #7c5a69 : +20
344 : #7c5a63 : +30
354 : #7c5a5d : +40
304 : #7c5a7a : -10
305 : #7c5a79 : -9
306 : #7c5a79 : -8
307 : #7c5a78 : -7
308 : #7c5a78 : -6
309 : #7c5a77 : -5
310 : #7c5a77 : -4
311 : #7c5a76 : -3
312 : #7c5a75 : -2
313 : #7c5a75 : -1
314 : #7c5a74 : ±0
315 : #7c5a74 : +1
316 : #7c5a73 : +2
317 : #7c5a73 : +3
318 : #7c5a72 : +4
319 : #7c5a71 : +5
320 : #7c5a71 : +6
321 : #7c5a70 : +7
322 : #7c5a70 : +8
323 : #7c5a6f : +9
324 : #7c5a6f : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -16
2 : #6d696c : -14
4 : #6f676d : -12
6 : #72656f : -10
8 : #746370 : -8
10 : #766071 : -6
12 : #785e72 : -4
14 : #7a5c73 : -2
16 : #7c5a74 : ±0
18 : #7e5875 : +2
20 : #815677 : +4
22 : #835478 : +6
24 : #855179 : +8
26 : #874f7a : +10
28 : #894d7b : +12
30 : #8b4b7c : +14
32 : #8d497d : +16
34 : #90477f : +18
36 : #924580 : +20
38 : #944281 : +22
40 : #964082 : +24
42 : #983e83 : +26
44 : #9a3c84 : +28
46 : #9c3a85 : +30
48 : #9f3887 : +32
50 : #a13688 : +34
52 : #a33389 : +36
54 : #a5318a : +38
56 : #a72f8b : +40
58 : #a92d8c : +42
60 : #ab2b8d : +44
62 : #ae298f : +46
64 : #b02790 : +48
66 : #b22491 : +50
68 : #b42292 : +52
70 : #b62093 : +54
72 : #b81e94 : +56
74 : #ba1c95 : +58
76 : #bc1a97 : +60
78 : #bf1898 : +62
80 : #c11599 : +64
82 : #c3139a : +66
84 : #c5119b : +68
86 : #c70f9c : +70
88 : #c90d9d : +72
90 : #cb0b9f : +74
92 : #ce09a0 : +76
94 : #d006a1 : +78
96 : #d204a2 : +80
98 : #d402a3 : +82
100 : #d600a4 : +84
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #060406 : -40
4 : #0c090b : -38
6 : #120d11 : -36
8 : #181116 : -34
10 : #1e151c : -32
12 : #231a21 : -30
14 : #291e27 : -28
16 : #2f222c : -26
18 : #352732 : -24
20 : #3b2b37 : -22
22 : #412f3d : -20
24 : #473342 : -18
26 : #4d3848 : -16
28 : #533c4d : -14
30 : #594053 : -12
32 : #5f4559 : -10
34 : #65495e : -8
36 : #6a4d64 : -6
38 : #705169 : -4
40 : #76566f : -2
42 : #7c5a74 : ±0
44 : #825e7a : +2
46 : #88637f : +4
48 : #8e6785 : +6
50 : #946b8a : +8
52 : #98718f : +10
54 : #9c7794 : +12
56 : #a17d98 : +14
58 : #a5839d : +16
60 : #a989a2 : +18
62 : #ae8fa6 : +20
64 : #b295ab : +22
66 : #b69ab0 : +24
68 : #baa0b4 : +26
70 : #bfa6b9 : +28
72 : #c3acbe : +30
74 : #c7b2c2 : +32
76 : #ccb8c7 : +34
78 : #d0becc : +36
80 : #d4c4d0 : +38
82 : #d8cad5 : +40
84 : #ddd0da : +42
86 : #e1d6de : +44
88 : #e5dce3 : +46
90 : #eae1e8 : +48
92 : #eee7ec : +50
94 : #f2edf1 : +52
96 : #f6f3f6 : +54
98 : #fbf9fa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow