#54704c
RGB ( 赤 = 84, 緑 = 112, 青 = 76 )
HSL ( 色相 = 107°, 彩度 = 19%, 明度 = 37% )
H : 色相 ( 107° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #70514c : -100
17 : #70574c : -90
27 : #705d4c : -80
37 : #70634c : -70
47 : #70694c : -60
57 : #706e4c : -50
67 : #6c704c : -40
77 : #66704c : -30
87 : #60704c : -20
97 : #5a704c : -10
107 : #54704c : ±0
117 : #4e704c : +10
127 : #4c7051 : +20
137 : #4c7057 : +30
147 : #4c705d : +40
157 : #4c7063 : +50
167 : #4c7069 : +60
177 : #4c706e : +70
187 : #4c6c70 : +80
197 : #4c6670 : +90
207 : #4c6070 : +100
217 : #4c5a70 : +110
227 : #4c5470 : +120
237 : #4c4e70 : +130
247 : #514c70 : +140
257 : #574c70 : +150
267 : #5d4c70 : +160
277 : #634c70 : +170
287 : #694c70 : +180
297 : #6e4c70 : +190
307 : #704c6c : +200
317 : #704c66 : +210
327 : #704c60 : +220
337 : #704c5a : +230
347 : #704c54 : +240
357 : #704c4e : +250
97 : #5a704c : -10
98 : #5a704c : -9
99 : #59704c : -8
100 : #58704c : -7
101 : #58704c : -6
102 : #57704c : -5
103 : #57704c : -4
104 : #56704c : -3
105 : #55704c : -2
106 : #55704c : -1
107 : #54704c : ±0
108 : #54704c : +1
109 : #53704c : +2
110 : #52704c : +3
111 : #52704c : +4
112 : #51704c : +5
113 : #51704c : +6
114 : #50704c : +7
115 : #4f704c : +8
116 : #4f704c : +9
117 : #4e704c : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5e5f5d : -18
3 : #5d615c : -16
5 : #5c635a : -14
7 : #5b6558 : -12
9 : #5a6756 : -10
11 : #586954 : -8
13 : #576b52 : -6
15 : #566d50 : -4
17 : #556e4e : -2
19 : #54704c : ±0
21 : #53724b : +2
23 : #527449 : +4
25 : #517647 : +6
27 : #507845 : +8
29 : #4f7a43 : +10
31 : #4e7c41 : +12
33 : #4d7d3f : +14
35 : #4c7f3d : +16
37 : #4b813b : +18
39 : #49833a : +20
41 : #488538 : +22
43 : #478736 : +24
45 : #468934 : +26
47 : #458b32 : +28
49 : #448d30 : +30
51 : #438e2e : +32
53 : #42902c : +34
55 : #41922a : +36
57 : #409429 : +38
59 : #3f9627 : +40
61 : #3e9825 : +42
63 : #3d9a23 : +44
65 : #3c9c21 : +46
67 : #3b9e1f : +48
69 : #399f1d : +50
71 : #38a11b : +52
73 : #37a319 : +54
75 : #36a518 : +56
77 : #35a716 : +58
79 : #34a914 : +60
81 : #33ab12 : +62
83 : #32ad10 : +64
85 : #31af0e : +66
87 : #30b00c : +68
89 : #2fb20a : +70
91 : #2eb408 : +72
93 : #2db607 : +74
95 : #2cb805 : +76
97 : #2aba03 : +78
99 : #29bc01 : +80
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -36
3 : #070906 : -34
5 : #0b0f0a : -32
7 : #10150e : -30
9 : #141b13 : -28
11 : #192117 : -26
13 : #1e271b : -24
15 : #222e1f : -22
17 : #273423 : -20
19 : #2b3a27 : -18
21 : #30402b : -16
23 : #344630 : -14
25 : #394c34 : -12
27 : #3d5238 : -10
29 : #42583c : -8
31 : #475e40 : -6
33 : #4b6444 : -4
35 : #506a48 : -2
37 : #54704c : ±0
39 : #597651 : +2
41 : #5d7c55 : +4
43 : #628259 : +6
45 : #66895d : +8
47 : #6b8f61 : +10
49 : #6f9565 : +12
51 : #759a6a : +14
53 : #7a9e70 : +16
55 : #80a276 : +18
57 : #86a67d : +20
59 : #8baa83 : +22
61 : #91ae89 : +24
63 : #96b38f : +26
65 : #9cb795 : +28
67 : #a2bb9b : +30
69 : #a7bfa1 : +32
71 : #adc3a7 : +34
73 : #b3c7ad : +36
75 : #b8cbb3 : +38
77 : #becfb9 : +40
79 : #c4d4bf : +42
81 : #c9d8c5 : +44
83 : #cfdccb : +46
85 : #d5e0d1 : +48
87 : #dae4d8 : +50
89 : #e0e8de : +52
91 : #e6ece4 : +54
93 : #ebf1ea : +56
95 : #f1f5f0 : +58
97 : #f7f9f6 : +60
99 : #fcfdfc : +62
CSS入門、作ってます。
text-shadow