#7b4c74
RGB ( 赤 = 123, 緑 = 76, 青 = 116 )
HSL ( 色相 = 309°, 彩度 = 24%, 明度 = 39% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #7b534c : -300
19 : #7b5b4c : -290
29 : #7b634c : -280
39 : #7b6b4c : -270
49 : #7b734c : -260
59 : #7b7b4c : -250
69 : #747b4c : -240
79 : #6c7b4c : -230
89 : #647b4c : -220
99 : #5c7b4c : -210
109 : #547b4c : -200
119 : #4c7b4c : -190
129 : #4c7b53 : -180
139 : #4c7b5b : -170
149 : #4c7b63 : -160
159 : #4c7b6b : -150
169 : #4c7b73 : -140
179 : #4c7b7b : -130
189 : #4c747b : -120
199 : #4c6c7b : -110
209 : #4c647b : -100
219 : #4c5c7b : -90
229 : #4c547b : -80
239 : #4c4c7b : -70
249 : #534c7b : -60
259 : #5b4c7b : -50
269 : #634c7b : -40
279 : #6b4c7b : -30
289 : #734c7b : -20
299 : #7b4c7b : -10
309 : #7b4c74 : ±0
319 : #7b4c6c : +10
329 : #7b4c64 : +20
339 : #7b4c5c : +30
349 : #7b4c54 : +40
359 : #7b4c4c : +50
299 : #7b4c7b : -10
300 : #7b4c7b : -9
301 : #7b4c7b : -8
302 : #7b4c7a : -7
303 : #7b4c79 : -6
304 : #7b4c78 : -5
305 : #7b4c77 : -4
306 : #7b4c77 : -3
307 : #7b4c76 : -2
308 : #7b4c75 : -1
309 : #7b4c74 : ±0
310 : #7b4c73 : +1
311 : #7b4c73 : +2
312 : #7b4c72 : +3
313 : #7b4c71 : +4
314 : #7b4c70 : +5
315 : #7b4c6f : +6
316 : #7b4c6f : +7
317 : #7b4c6e : +8
318 : #7b4c6d : +9
319 : #7b4c6c : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -24
2 : #656165 : -22
4 : #675f66 : -20
6 : #695d68 : -18
8 : #6b5b69 : -16
10 : #6d5a6a : -14
12 : #6f586c : -12
14 : #71566d : -10
16 : #73546f : -8
18 : #755270 : -6
20 : #775071 : -4
22 : #794e73 : -2
24 : #7b4c74 : ±0
26 : #7d4a76 : +2
28 : #7f4877 : +4
30 : #814678 : +6
32 : #83447a : +8
34 : #85427b : +10
36 : #87407d : +12
38 : #893e7e : +14
40 : #8b3c7f : +16
42 : #8d3a81 : +18
44 : #8f3882 : +20
46 : #913683 : +22
48 : #933485 : +24
50 : #953286 : +26
52 : #973088 : +28
54 : #992e89 : +30
56 : #9b2c8a : +32
58 : #9d2a8c : +34
60 : #9f288d : +36
62 : #a1268f : +38
64 : #a32490 : +40
66 : #a52291 : +42
68 : #a72093 : +44
70 : #a91e94 : +46
72 : #ab1c96 : +48
74 : #ad1a97 : +50
76 : #af1898 : +52
78 : #b1169a : +54
80 : #b3149b : +56
82 : #b5129d : +58
84 : #b7109e : +60
86 : #b90e9f : +62
88 : #bb0ca1 : +64
90 : #bd0aa2 : +66
92 : #bf08a3 : +68
94 : #c106a5 : +70
96 : #c304a6 : +72
98 : #c502a8 : +74
100 : #c700a9 : +76
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -38
3 : #090609 : -36
5 : #100a0f : -34
7 : #160e15 : -32
9 : #1c111b : -30
11 : #231521 : -28
13 : #291927 : -26
15 : #2f1d2d : -24
17 : #362133 : -22
19 : #3c2539 : -20
21 : #42293f : -18
23 : #492d45 : -16
25 : #4f304a : -14
27 : #553450 : -12
29 : #5c3856 : -10
31 : #623c5c : -8
33 : #684062 : -6
35 : #6f4468 : -4
37 : #75486e : -2
39 : #7b4c74 : ±0
41 : #824f7a : +2
43 : #885380 : +4
45 : #8e5786 : +6
47 : #955b8c : +8
49 : #9b5f92 : +10
51 : #a06497 : +12
53 : #a46a9b : +14
55 : #a871a0 : +16
57 : #ac77a4 : +18
59 : #b07da8 : +20
61 : #b384ac : +22
63 : #b78ab1 : +24
65 : #bb90b5 : +26
67 : #bf97b9 : +28
69 : #c39dbd : +30
71 : #c7a3c1 : +32
73 : #cbaac6 : +34
75 : #cfb0ca : +36
77 : #d2b6ce : +38
79 : #d6bdd2 : +40
81 : #dac3d7 : +42
83 : #dec9db : +44
85 : #e2d0df : +46
87 : #e6d6e3 : +48
89 : #eadce8 : +50
91 : #eee3ec : +52
93 : #f1e9f0 : +54
95 : #f5eff4 : +56
97 : #f9f6f9 : +58
99 : #fdfcfd : +60
CSS入門、作ってます。
text-shadow