#578f3d
RGB ( 赤 = 87, 緑 = 143, 青 = 61 )
HSL ( 色相 = 101°, 彩度 = 40%, 明度 = 40% )
H : 色相 ( 101° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8f3f3d : -100
11 : #8f4c3d : -90
21 : #8f5a3d : -80
31 : #8f673d : -70
41 : #8f753d : -60
51 : #8f833d : -50
61 : #8d8f3d : -40
71 : #808f3d : -30
81 : #728f3d : -20
91 : #658f3d : -10
101 : #578f3d : ±0
111 : #498f3d : +10
121 : #3d8f3f : +20
131 : #3d8f4c : +30
141 : #3d8f5a : +40
151 : #3d8f67 : +50
161 : #3d8f75 : +60
171 : #3d8f83 : +70
181 : #3d8d8f : +80
191 : #3d808f : +90
201 : #3d728f : +100
211 : #3d658f : +110
221 : #3d578f : +120
231 : #3d498f : +130
241 : #3f3d8f : +140
251 : #4c3d8f : +150
261 : #5a3d8f : +160
271 : #673d8f : +170
281 : #753d8f : +180
291 : #833d8f : +190
301 : #8f3d8d : +200
311 : #8f3d80 : +210
321 : #8f3d72 : +220
331 : #8f3d65 : +230
341 : #8f3d57 : +240
351 : #8f3d49 : +250
91 : #658f3d : -10
92 : #638f3d : -9
93 : #628f3d : -8
94 : #618f3d : -7
95 : #5f8f3d : -6
96 : #5e8f3d : -5
97 : #5c8f3d : -4
98 : #5b8f3d : -3
99 : #5a8f3d : -2
100 : #588f3d : -1
101 : #578f3d : ±0
102 : #568f3d : +1
103 : #548f3d : +2
104 : #538f3d : +3
105 : #528f3d : +4
106 : #508f3d : +5
107 : #4f8f3d : +6
108 : #4e8f3d : +7
109 : #4c8f3d : +8
110 : #4b8f3d : +9
111 : #498f3d : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -40
2 : #656864 : -38
4 : #656a62 : -36
6 : #646c60 : -34
8 : #636e5e : -32
10 : #62705c : -30
12 : #62725a : -28
14 : #617458 : -26
16 : #607656 : -24
18 : #5f7854 : -22
20 : #5f7a52 : -20
22 : #5e7c50 : -18
24 : #5d7e4e : -16
26 : #5c814b : -14
28 : #5c8349 : -12
30 : #5b8547 : -10
32 : #5a8745 : -8
34 : #598943 : -6
36 : #598b41 : -4
38 : #588d3f : -2
40 : #578f3d : ±0
42 : #56913b : +2
44 : #569339 : +4
46 : #559537 : +6
48 : #549735 : +8
50 : #539933 : +10
52 : #539b31 : +12
54 : #529d2f : +14
56 : #519f2d : +16
58 : #50a12b : +18
60 : #50a329 : +20
62 : #4fa527 : +22
64 : #4ea725 : +24
66 : #4da923 : +26
68 : #4dab21 : +28
70 : #4cad1f : +30
72 : #4baf1d : +32
74 : #4ab11b : +34
76 : #4ab418 : +36
78 : #49b616 : +38
80 : #48b814 : +40
82 : #47ba12 : +42
84 : #47bc10 : +44
86 : #46be0e : +46
88 : #45c00c : +48
90 : #44c20a : +50
92 : #44c408 : +52
94 : #43c606 : +54
96 : #42c804 : +56
98 : #41ca02 : +58
100 : #41cc00 : +60
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #040703 : -38
4 : #090e06 : -36
6 : #0d1509 : -34
8 : #111d0c : -32
10 : #16240f : -30
12 : #1a2b12 : -28
14 : #1e3215 : -26
16 : #233918 : -24
18 : #27401c : -22
20 : #2c471f : -20
22 : #304f22 : -18
24 : #345625 : -16
26 : #395d28 : -14
28 : #3d642b : -12
30 : #416b2e : -10
32 : #467231 : -8
34 : #4a7934 : -6
36 : #4e8137 : -4
38 : #53883a : -2
40 : #578f3d : ±0
42 : #5b9640 : +2
44 : #609d43 : +4
46 : #64a446 : +6
48 : #68ab49 : +8
50 : #6db34d : +10
52 : #73b654 : +12
54 : #78b95b : +14
56 : #7ebc62 : +16
58 : #84bf69 : +18
60 : #8ac270 : +20
62 : #90c577 : +22
64 : #96c87e : +24
66 : #9ccb86 : +26
68 : #a1ce8d : +28
70 : #a7d194 : +30
72 : #add49b : +32
74 : #b3d7a2 : +34
76 : #b9daa9 : +36
78 : #bfddb0 : +38
80 : #c5e0b8 : +40
82 : #cae3bf : +42
84 : #d0e7c6 : +44
86 : #d6eacd : +46
88 : #dcedd4 : +48
90 : #e2f0db : +50
92 : #e8f3e2 : +52
94 : #edf6ea : +54
96 : #f3f9f1 : +56
98 : #f9fcf8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow