#577628
RGB ( 赤 = 87, 緑 = 118, 青 = 40 )
HSL ( 色相 = 84°, 彩度 = 49%, 明度 = 31% )
H : 色相 ( 84° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #762d28 : -80
14 : #763a28 : -70
24 : #764728 : -60
34 : #765428 : -50
44 : #766128 : -40
54 : #766e28 : -30
64 : #717628 : -20
74 : #647628 : -10
84 : #577628 : ±0
94 : #4a7628 : +10
104 : #3d7628 : +20
114 : #307628 : +30
124 : #28762d : +40
134 : #28763a : +50
144 : #287647 : +60
154 : #287654 : +70
164 : #287661 : +80
174 : #28766e : +90
184 : #287176 : +100
194 : #286476 : +110
204 : #285776 : +120
214 : #284a76 : +130
224 : #283d76 : +140
234 : #283076 : +150
244 : #2d2876 : +160
254 : #3a2876 : +170
264 : #472876 : +180
274 : #542876 : +190
284 : #612876 : +200
294 : #6e2876 : +210
304 : #762871 : +220
314 : #762864 : +230
324 : #762857 : +240
334 : #76284a : +250
344 : #76283d : +260
354 : #762830 : +270
74 : #647628 : -10
75 : #627628 : -9
76 : #617628 : -8
77 : #607628 : -7
78 : #5f7628 : -6
79 : #5d7628 : -5
80 : #5c7628 : -4
81 : #5b7628 : -3
82 : #597628 : -2
83 : #587628 : -1
84 : #577628 : ±0
85 : #567628 : +1
86 : #547628 : +2
87 : #537628 : +3
88 : #527628 : +4
89 : #507628 : +5
90 : #4f7628 : +6
91 : #4e7628 : +7
92 : #4c7628 : +8
93 : #4b7628 : +9
94 : #4a7628 : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4f504e : -48
3 : #50514d : -46
5 : #50534b : -44
7 : #50554a : -42
9 : #505648 : -40
11 : #515846 : -38
13 : #515945 : -36
15 : #515b43 : -34
17 : #525c42 : -32
19 : #525e40 : -30
21 : #52603e : -28
23 : #53613d : -26
25 : #53633b : -24
27 : #53643a : -22
29 : #546638 : -20
31 : #546837 : -18
33 : #546935 : -16
35 : #556b33 : -14
37 : #556c32 : -12
39 : #556e30 : -10
41 : #566f2f : -8
43 : #56712d : -6
45 : #56732b : -4
47 : #56742a : -2
49 : #577628 : ±0
51 : #577727 : +2
53 : #577925 : +4
55 : #587b24 : +6
57 : #587c22 : +8
59 : #587e20 : +10
61 : #597f1f : +12
63 : #59811d : +14
65 : #59821c : +16
67 : #5a841a : +18
69 : #5a8619 : +20
71 : #5a8717 : +22
73 : #5b8915 : +24
75 : #5b8a14 : +26
77 : #5b8c12 : +28
79 : #5c8d11 : +30
81 : #5c8f0f : +32
83 : #5c910d : +34
85 : #5c920c : +36
87 : #5d940a : +38
89 : #5d9509 : +40
91 : #5d9707 : +42
93 : #5e9906 : +44
95 : #5e9a04 : +46
97 : #5e9c02 : +48
99 : #5f9d01 : +50
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -30
3 : #080b04 : -28
5 : #0e1307 : -26
7 : #141b09 : -24
9 : #19220c : -22
11 : #1f2a0e : -20
13 : #243111 : -18
15 : #2a3914 : -16
17 : #304116 : -14
19 : #354819 : -12
21 : #3b501b : -10
23 : #40571e : -8
25 : #465f21 : -6
27 : #4c6723 : -4
29 : #516e26 : -2
31 : #577628 : ±0
33 : #5c7d2b : +2
35 : #62852e : +4
37 : #688d30 : +6
39 : #6d9433 : +8
41 : #739c35 : +10
43 : #78a338 : +12
45 : #7eab3b : +14
47 : #84b33d : +16
49 : #89ba40 : +18
51 : #8ebf45 : +20
53 : #93c24c : +22
55 : #97c454 : +24
57 : #9cc75c : +26
59 : #a1ca63 : +28
61 : #a5cc6b : +30
63 : #aacf72 : +32
65 : #aed17a : +34
67 : #b3d482 : +36
69 : #b8d789 : +38
71 : #bcd991 : +40
73 : #c1dc98 : +42
75 : #c5dea0 : +44
77 : #cae1a8 : +46
79 : #cfe4af : +48
81 : #d3e6b7 : +50
83 : #d8e9be : +52
85 : #dcebc6 : +54
87 : #e1eece : +56
89 : #e6f1d5 : +58
91 : #eaf3dd : +60
93 : #eff6e4 : +62
95 : #f3f8ec : +64
97 : #f8fbf4 : +66
99 : #fdfefb : +68
CSS入門、作ってます。
text-shadow