#77506f
RGB ( 赤 = 119, 緑 = 80, 青 = 111 )
HSL ( 色相 = 312°, 彩度 = 20%, 明度 = 39% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #775150 : -310
12 : #775850 : -300
22 : #775e50 : -290
32 : #776550 : -280
42 : #776b50 : -270
52 : #777250 : -260
62 : #767750 : -250
72 : #6f7750 : -240
82 : #697750 : -230
92 : #627750 : -220
102 : #5b7750 : -210
112 : #557750 : -200
122 : #507751 : -190
132 : #507758 : -180
142 : #50775e : -170
152 : #507765 : -160
162 : #50776b : -150
172 : #507772 : -140
182 : #507677 : -130
192 : #506f77 : -120
202 : #506977 : -110
212 : #506277 : -100
222 : #505b77 : -90
232 : #505577 : -80
242 : #515077 : -70
252 : #585077 : -60
262 : #5e5077 : -50
272 : #655077 : -40
282 : #6b5077 : -30
292 : #725077 : -20
302 : #775076 : -10
312 : #77506f : ±0
322 : #775069 : +10
332 : #775062 : +20
342 : #77505b : +30
352 : #775055 : +40
302 : #775076 : -10
303 : #775075 : -9
304 : #775075 : -8
305 : #775074 : -7
306 : #775073 : -6
307 : #775073 : -5
308 : #775072 : -4
309 : #775071 : -3
310 : #775071 : -2
311 : #775070 : -1
312 : #77506f : ±0
313 : #77506f : +1
314 : #77506e : +2
315 : #77506d : +3
316 : #77506d : +4
317 : #77506c : +5
318 : #77506b : +6
319 : #77506b : +7
320 : #77506a : +8
321 : #775069 : +9
322 : #775069 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -20
2 : #656165 : -18
4 : #675f66 : -16
6 : #695d67 : -14
8 : #6b5b68 : -12
10 : #6d5a69 : -10
12 : #6f586b : -8
14 : #71566c : -6
16 : #73546d : -4
18 : #75526e : -2
20 : #77506f : ±0
22 : #794e71 : +2
24 : #7b4c72 : +4
26 : #7d4a73 : +6
28 : #7f4874 : +8
30 : #814675 : +10
32 : #834477 : +12
34 : #854278 : +14
36 : #874079 : +16
38 : #893e7a : +18
40 : #8b3c7b : +20
42 : #8d3a7d : +22
44 : #8f387e : +24
46 : #91367f : +26
48 : #933480 : +28
50 : #953281 : +30
52 : #973082 : +32
54 : #992e84 : +34
56 : #9b2c85 : +36
58 : #9d2a86 : +38
60 : #9f2887 : +40
62 : #a12688 : +42
64 : #a3248a : +44
66 : #a5228b : +46
68 : #a7208c : +48
70 : #a91e8d : +50
72 : #ab1c8e : +52
74 : #ad1a90 : +54
76 : #af1891 : +56
78 : #b11692 : +58
80 : #b31493 : +60
82 : #b51294 : +62
84 : #b71096 : +64
86 : #b90e97 : +66
88 : #bb0c98 : +68
90 : #bd0a99 : +70
92 : #bf089a : +72
94 : #c1069c : +74
96 : #c3049d : +76
98 : #c5029e : +78
100 : #c7009f : +80
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -38
3 : #090609 : -36
5 : #0f0a0e : -34
7 : #150e14 : -32
9 : #1c121a : -30
11 : #22161f : -28
13 : #281b25 : -26
15 : #2e1f2b : -24
17 : #342331 : -22
19 : #3a2736 : -20
21 : #402b3c : -18
23 : #462f42 : -16
25 : #4d3347 : -14
27 : #53374d : -12
29 : #593b53 : -10
31 : #5f3f59 : -8
33 : #65435e : -6
35 : #6b4764 : -4
37 : #714b6a : -2
39 : #77506f : ±0
41 : #7d5475 : +2
43 : #84587b : +4
45 : #8a5c81 : +6
47 : #906086 : +8
49 : #96648c : +10
51 : #9b6991 : +12
53 : #9f6f96 : +14
55 : #a3759a : +16
57 : #a77b9f : +18
59 : #ab82a3 : +20
61 : #af88a7 : +22
63 : #b48eac : +24
65 : #b894b0 : +26
67 : #bc9ab5 : +28
69 : #c0a0b9 : +30
71 : #c4a6be : +32
73 : #c8acc2 : +34
75 : #ccb3c7 : +36
77 : #d0b9cb : +38
79 : #d4bfd0 : +40
81 : #d8c5d4 : +42
83 : #dccbd9 : +44
85 : #e0d1dd : +46
87 : #e4d7e2 : +48
89 : #e9dde6 : +50
91 : #ede3eb : +52
93 : #f1eaef : +54
95 : #f5f0f4 : +56
97 : #f9f6f8 : +58
99 : #fdfcfd : +60
CSS入門、作ってます。
text-shadow