#7c6e7a
RGB ( 赤 = 124, 緑 = 110, 青 = 122 )
HSL ( 色相 = 309°, 彩度 = 6%, 明度 = 46% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #7c706e : -300
19 : #7c736e : -290
29 : #7c756e : -280
39 : #7c776e : -270
49 : #7c7a6e : -260
59 : #7c7c6e : -250
69 : #7a7c6e : -240
79 : #787c6e : -230
89 : #767c6e : -220
99 : #737c6e : -210
109 : #717c6e : -200
119 : #6e7c6e : -190
129 : #6e7c70 : -180
139 : #6e7c73 : -170
149 : #6e7c75 : -160
159 : #6e7c77 : -150
169 : #6e7c7a : -140
179 : #6e7c7c : -130
189 : #6e7a7c : -120
199 : #6e787c : -110
209 : #6e767c : -100
219 : #6e737c : -90
229 : #6e717c : -80
239 : #6e6e7c : -70
249 : #706e7c : -60
259 : #736e7c : -50
269 : #756e7c : -40
279 : #776e7c : -30
289 : #7a6e7c : -20
299 : #7c6e7c : -10
309 : #7c6e7a : ±0
319 : #7c6e78 : +10
329 : #7c6e76 : +20
339 : #7c6e73 : +30
349 : #7c6e71 : +40
359 : #7c6e6e : +50
299 : #7c6e7c : -10
300 : #7c6e7c : -9
301 : #7c6e7c : -8
302 : #7c6e7c : -7
303 : #7c6e7c : -6
304 : #7c6e7b : -5
305 : #7c6e7b : -4
306 : #7c6e7b : -3
307 : #7c6e7b : -2
308 : #7c6e7a : -1
309 : #7c6e7a : ±0
310 : #7c6e7a : +1
311 : #7c6e7a : +2
312 : #7c6e7a : +3
313 : #7c6e79 : +4
314 : #7c6e79 : +5
315 : #7c6e79 : +6
316 : #7c6e79 : +7
317 : #7c6e78 : +8
318 : #7c6e78 : +9
319 : #7c6e78 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -6
2 : #787377 : -4
4 : #7a7179 : -2
6 : #7c6e7a : ±0
8 : #7f6c7c : +2
10 : #816a7e : +4
12 : #83677f : +6
14 : #866581 : +8
16 : #886382 : +10
18 : #8a6084 : +12
20 : #8d5e86 : +14
22 : #8f5b87 : +16
24 : #915989 : +18
26 : #94578b : +20
28 : #96548c : +22
30 : #98528e : +24
32 : #9b5090 : +26
34 : #9d4d91 : +28
36 : #a04b93 : +30
38 : #a24995 : +32
40 : #a44696 : +34
42 : #a74498 : +36
44 : #a94299 : +38
46 : #ab3f9b : +40
48 : #ae3d9d : +42
50 : #b03b9e : +44
52 : #b238a0 : +46
54 : #b536a2 : +48
56 : #b734a3 : +50
58 : #b931a5 : +52
60 : #bc2fa7 : +54
62 : #be2da8 : +56
64 : #c02aaa : +58
66 : #c328ab : +60
68 : #c526ad : +62
70 : #c723af : +64
72 : #ca21b0 : +66
74 : #cc1eb2 : +68
76 : #ce1cb4 : +70
78 : #d11ab5 : +72
80 : #d317b7 : +74
82 : #d515b9 : +76
84 : #d813ba : +78
86 : #da10bc : +80
88 : #dd0ebe : +82
90 : #df0cbf : +84
92 : #e109c1 : +86
94 : #e407c2 : +88
96 : #e605c4 : +90
98 : #e802c6 : +92
100 : #eb00c7 : +94
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #050505 : -44
4 : #0b0a0b : -42
6 : #100e10 : -40
8 : #161315 : -38
10 : #1b181b : -36
12 : #201d20 : -34
14 : #262225 : -32
16 : #2b262b : -30
18 : #312b30 : -28
20 : #363035 : -26
22 : #3b353a : -24
24 : #413a40 : -22
26 : #463e45 : -20
28 : #4c434a : -18
30 : #514850 : -16
32 : #564d55 : -14
34 : #5c515a : -12
36 : #615660 : -10
38 : #675b65 : -8
40 : #6c606a : -6
42 : #726570 : -4
44 : #776975 : -2
46 : #7c6e7a : ±0
48 : #827380 : +2
50 : #877885 : +4
52 : #8c7d8a : +6
54 : #91838f : +8
56 : #968894 : +10
58 : #9a8d98 : +12
60 : #9f939d : +14
62 : #a498a2 : +16
64 : #a99ea7 : +18
66 : #aea3ac : +20
68 : #b2a9b1 : +22
70 : #b7aeb6 : +24
72 : #bcb3bb : +26
74 : #c1b9bf : +28
76 : #c5bec4 : +30
78 : #cac4c9 : +32
80 : #cfc9ce : +34
82 : #d4ced3 : +36
84 : #d9d4d8 : +38
86 : #ddd9dd : +40
88 : #e2dfe2 : +42
90 : #e7e4e7 : +44
92 : #ece9eb : +46
94 : #f1eff0 : +48
96 : #f5f4f5 : +50
98 : #fafafa : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow