#77406b
RGB ( 赤 = 119, 緑 = 64, 青 = 107 )
HSL ( 色相 = 313°, 彩度 = 30%, 明度 = 36% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #774340 : -310
13 : #774c40 : -300
23 : #775540 : -290
33 : #775f40 : -280
43 : #776840 : -270
53 : #777140 : -260
63 : #757740 : -250
73 : #6b7740 : -240
83 : #627740 : -230
93 : #597740 : -220
103 : #507740 : -210
113 : #477740 : -200
123 : #407743 : -190
133 : #40774c : -180
143 : #407755 : -170
153 : #40775f : -160
163 : #407768 : -150
173 : #407771 : -140
183 : #407577 : -130
193 : #406b77 : -120
203 : #406277 : -110
213 : #405977 : -100
223 : #405077 : -90
233 : #404777 : -80
243 : #434077 : -70
253 : #4c4077 : -60
263 : #554077 : -50
273 : #5f4077 : -40
283 : #684077 : -30
293 : #714077 : -20
303 : #774075 : -10
313 : #77406b : ±0
323 : #774062 : +10
333 : #774059 : +20
343 : #774050 : +30
353 : #774047 : +40
303 : #774075 : -10
304 : #774074 : -9
305 : #774073 : -8
306 : #774072 : -7
307 : #774071 : -6
308 : #774070 : -5
309 : #77406f : -4
310 : #77406e : -3
311 : #77406d : -2
312 : #77406c : -1
313 : #77406b : ±0
314 : #77406a : +1
315 : #77406a : +2
316 : #774069 : +3
317 : #774068 : +4
318 : #774067 : +5
319 : #774066 : +6
320 : #774065 : +7
321 : #774064 : +8
322 : #774063 : +9
323 : #774062 : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -30
2 : #5e5a5d : -28
4 : #5f585e : -26
6 : #61565f : -24
8 : #635460 : -22
10 : #655361 : -20
12 : #675162 : -18
14 : #694f63 : -16
16 : #6a4d64 : -14
18 : #6c4b65 : -12
20 : #6e4966 : -10
22 : #704867 : -8
24 : #724668 : -6
26 : #744469 : -4
28 : #76426a : -2
30 : #77406b : ±0
32 : #793e6c : +2
34 : #7b3d6d : +4
36 : #7d3b6f : +6
38 : #7f3970 : +8
40 : #813771 : +10
42 : #823572 : +12
44 : #843373 : +14
46 : #863274 : +16
48 : #883075 : +18
50 : #8a2e76 : +20
52 : #8c2c77 : +22
54 : #8d2a78 : +24
56 : #8f2879 : +26
58 : #91277a : +28
60 : #93257b : +30
62 : #95237c : +32
64 : #97217d : +34
66 : #981f7e : +36
68 : #9a1d7f : +38
70 : #9c1c80 : +40
72 : #9e1a81 : +42
74 : #a01882 : +44
76 : #a21683 : +46
78 : #a31484 : +48
80 : #a51285 : +50
82 : #a71186 : +52
84 : #a90f87 : +54
86 : #ab0d89 : +56
88 : #ad0b8a : +58
90 : #ae098b : +60
92 : #b0078c : +62
94 : #b2068d : +64
96 : #b4048e : +66
98 : #b6028f : +68
100 : #b80090 : +70
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #070406 : -34
4 : #0d070c : -32
6 : #140b12 : -30
8 : #1b0e18 : -28
10 : #21121e : -26
12 : #281524 : -24
14 : #2e192a : -22
16 : #351d30 : -20
18 : #3c2036 : -18
20 : #42243c : -16
22 : #492742 : -14
24 : #502b48 : -12
26 : #562e4e : -10
28 : #5d3254 : -8
30 : #63365a : -6
32 : #6a395f : -4
34 : #713d65 : -2
36 : #77406b : ±0
38 : #7e4471 : +2
40 : #854777 : +4
42 : #8b4b7d : +6
44 : #924f83 : +8
46 : #985289 : +10
48 : #9f568f : +12
50 : #a65995 : +14
52 : #a96099 : +16
54 : #ad679e : +18
56 : #b06da2 : +20
58 : #b474a6 : +22
60 : #b87aaa : +24
62 : #bb81af : +26
64 : #bf88b3 : +28
66 : #c28eb7 : +30
68 : #c695bb : +32
70 : #c99cc0 : +34
72 : #cda2c4 : +36
74 : #d1a9c8 : +38
76 : #d4afcc : +40
78 : #d8b6d0 : +42
80 : #dbbdd5 : +44
82 : #dfc3d9 : +46
84 : #e2cadd : +48
86 : #e6d1e1 : +50
88 : #ead7e6 : +52
90 : #eddeea : +54
92 : #f1e4ee : +56
94 : #f4ebf2 : +58
96 : #f8f2f7 : +60
98 : #fbf8fb : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow