#54722a
RGB ( 赤 = 84, 緑 = 114, 青 = 42 )
HSL ( 色相 = 85°, 彩度 = 46%, 明度 = 31% )
H : 色相 ( 85° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #73312b : -80
15 : #733d2b : -70
25 : #73492b : -60
35 : #73552b : -50
45 : #73612b : -40
55 : #736d2b : -30
65 : #6d732b : -20
75 : #61732b : -10
85 : #55732b : ±0
95 : #49732b : +10
105 : #3d732b : +20
115 : #31732b : +30
125 : #2b7331 : +40
135 : #2b733d : +50
145 : #2b7349 : +60
155 : #2b7355 : +70
165 : #2b7361 : +80
175 : #2b736d : +90
185 : #2b6d73 : +100
195 : #2b6173 : +110
205 : #2b5573 : +120
215 : #2b4973 : +130
225 : #2b3d73 : +140
235 : #2b3173 : +150
245 : #312b73 : +160
255 : #3d2b73 : +170
265 : #492b73 : +180
275 : #552b73 : +190
285 : #612b73 : +200
295 : #6d2b73 : +210
305 : #732b6d : +220
315 : #732b61 : +230
325 : #732b55 : +240
335 : #732b49 : +250
345 : #732b3d : +260
355 : #732b31 : +270
75 : #61732b : -10
76 : #60732b : -9
77 : #5f732b : -8
78 : #5e732b : -7
79 : #5c732b : -6
80 : #5b732b : -5
81 : #5a732b : -4
82 : #59732b : -3
83 : #58732b : -2
84 : #56732b : -1
85 : #55732b : ±0
86 : #54732b : +1
87 : #53732b : +2
88 : #51732b : +3
89 : #50732b : +4
90 : #4f732b : +5
91 : #4e732b : +6
92 : #4d732b : +7
93 : #4b732b : +8
94 : #4a732b : +9
95 : #49732b : +10
S : 彩度 ( 46% )
(0%) 渋い ～ 鮮やか (100%)
0 : #4f4f4f : -46
2 : #4f514d : -44
4 : #50524c : -42
6 : #50544a : -40
8 : #505549 : -38
10 : #505747 : -36
12 : #515946 : -34
14 : #515a44 : -32
16 : #515c42 : -30
18 : #515d41 : -28
20 : #525f3f : -26
22 : #52603e : -24
24 : #52623c : -22
26 : #52643a : -20
28 : #536539 : -18
30 : #536737 : -16
32 : #536836 : -14
34 : #546a34 : -12
36 : #546c33 : -10
38 : #546d31 : -8
40 : #546f2f : -6
42 : #55702e : -4
44 : #55722c : -2
46 : #55732b : ±0
48 : #557529 : +2
50 : #567728 : +4
52 : #567826 : +6
54 : #567a24 : +8
56 : #567b23 : +10
58 : #577d21 : +12
60 : #577e20 : +14
62 : #57801e : +16
64 : #57821c : +18
66 : #58831b : +20
68 : #588519 : +22
70 : #588618 : +24
72 : #598816 : +26
74 : #598a15 : +28
76 : #598b13 : +30
78 : #598d11 : +32
80 : #5a8e10 : +34
82 : #5a900e : +36
84 : #5a910d : +38
86 : #5a930b : +40
88 : #5b9509 : +42
90 : #5b9608 : +44
92 : #5b9806 : +46
94 : #5b9905 : +48
96 : #5c9b03 : +50
98 : #5c9d02 : +52
100 : #5c9e00 : +54
L : 明度 ( 31% )
(0%) 暗い ～ 明るい (100%)
1 : #030401 : -30
3 : #080b04 : -28
5 : #0e1307 : -26
7 : #131a0a : -24
9 : #19220c : -22
11 : #1e290f : -20
13 : #243012 : -18
15 : #293815 : -16
17 : #2f3f17 : -14
19 : #34471a : -12
21 : #3a4e1d : -10
23 : #3f5620 : -8
25 : #455d22 : -6
27 : #4a6525 : -4
29 : #506c28 : -2
31 : #55732b : ±0
33 : #5b7b2d : +2
35 : #608230 : +4
37 : #668a33 : +6
39 : #6b9136 : +8
41 : #719938 : +10
43 : #76a03b : +12
45 : #7ca83e : +14
47 : #81af41 : +16
49 : #87b643 : +18
51 : #8cbc49 : +20
53 : #90be50 : +22
55 : #95c157 : +24
57 : #9ac45f : +26
59 : #9ec766 : +28
61 : #a3c96e : +30
63 : #a8cc75 : +32
65 : #adcf7d : +34
67 : #b1d284 : +36
69 : #b6d48c : +38
71 : #bbd793 : +40
73 : #bfda9a : +42
75 : #c4dda2 : +44
77 : #c9dfa9 : +46
79 : #cee2b1 : +48
81 : #d2e5b8 : +50
83 : #d7e8c0 : +52
85 : #dceac7 : +54
87 : #e0edcf : +56
89 : #e5f0d6 : +58
91 : #eaf3dd : +60
93 : #eff5e5 : +62
95 : #f3f8ec : +64
97 : #f8fbf4 : +66
99 : #fdfefb : +68
CSS入門、作ってます。
text-shadow