#568f5a
RGB ( 赤 = 86, 緑 = 143, 青 = 90 )
HSL ( 色相 = 124°, 彩度 = 25%, 明度 = 45% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #8f5a56 : -120
14 : #8f6356 : -110
24 : #8f6d56 : -100
34 : #8f7756 : -90
44 : #8f8056 : -80
54 : #8f8a56 : -70
64 : #8c8f56 : -60
74 : #828f56 : -50
84 : #788f56 : -40
94 : #6f8f56 : -30
104 : #658f56 : -20
114 : #5c8f56 : -10
124 : #568f5a : ±0
134 : #568f63 : +10
144 : #568f6d : +20
154 : #568f77 : +30
164 : #568f80 : +40
174 : #568f8a : +50
184 : #568c8f : +60
194 : #56828f : +70
204 : #56788f : +80
214 : #566f8f : +90
224 : #56658f : +100
234 : #565c8f : +110
244 : #5a568f : +120
254 : #63568f : +130
264 : #6d568f : +140
274 : #77568f : +150
284 : #80568f : +160
294 : #8a568f : +170
304 : #8f568c : +180
314 : #8f5682 : +190
324 : #8f5678 : +200
334 : #8f566f : +210
344 : #8f5665 : +220
354 : #8f565c : +230
114 : #5c8f56 : -10
115 : #5b8f56 : -9
116 : #5a8f56 : -8
117 : #598f56 : -7
118 : #588f56 : -6
119 : #578f56 : -5
120 : #568f56 : -4
121 : #568f57 : -3
122 : #568f58 : -2
123 : #568f59 : -1
124 : #568f5a : ±0
125 : #568f5b : +1
126 : #568f5c : +2
127 : #568f5d : +3
128 : #568f5e : +4
129 : #568f5f : +5
130 : #568f60 : +6
131 : #568f61 : +7
132 : #568f62 : +8
133 : #568f62 : +9
134 : #568f63 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #727472 : -24
3 : #6f7670 : -22
5 : #6d786e : -20
7 : #6b7b6c : -18
9 : #687d6a : -16
11 : #667f68 : -14
13 : #648266 : -12
15 : #628464 : -10
17 : #5f8662 : -8
19 : #5d8960 : -6
21 : #5b8b5e : -4
23 : #588d5c : -2
25 : #568f5a : ±0
27 : #549258 : +2
29 : #519456 : +4
31 : #4f9654 : +6
33 : #4d9952 : +8
35 : #4b9b50 : +10
37 : #489d4e : +12
39 : #46a04c : +14
41 : #44a24a : +16
43 : #41a448 : +18
45 : #3fa646 : +20
47 : #3da944 : +22
49 : #3bab42 : +24
51 : #38ad40 : +26
53 : #36b03e : +28
55 : #34b23c : +30
57 : #31b43a : +32
59 : #2fb638 : +34
61 : #2db936 : +36
63 : #2abb34 : +38
65 : #28bd32 : +40
67 : #26c030 : +42
69 : #24c22e : +44
71 : #21c42c : +46
73 : #1fc72a : +48
75 : #1dc928 : +50
77 : #1acb26 : +52
79 : #18cd24 : +54
81 : #16d022 : +56
83 : #14d220 : +58
85 : #11d41e : +60
87 : #0fd71c : +62
89 : #0dd91a : +64
91 : #0adb18 : +66
93 : #08dd16 : +68
95 : #06e014 : +70
97 : #03e212 : +72
99 : #01e410 : +74
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -44
3 : #060a06 : -42
5 : #0a100a : -40
7 : #0d160e : -38
9 : #111d12 : -36
11 : #152316 : -34
13 : #19291a : -32
15 : #1d301e : -30
17 : #213622 : -28
19 : #243d26 : -26
21 : #28432a : -24
23 : #2c492e : -22
25 : #305032 : -20
27 : #345636 : -18
29 : #375c3a : -16
31 : #3b633e : -14
33 : #3f6942 : -12
35 : #437046 : -10
37 : #47764a : -8
39 : #4b7c4e : -6
41 : #4e8352 : -4
43 : #528956 : -2
45 : #568f5a : ±0
47 : #5a965e : +2
49 : #5e9c62 : +4
51 : #63a167 : +6
53 : #69a56d : +8
55 : #70a973 : +10
57 : #76ad7a : +12
59 : #7cb180 : +14
61 : #83b486 : +16
63 : #89b88c : +18
65 : #8fbc92 : +20
67 : #96c099 : +22
69 : #9cc49f : +24
71 : #a3c8a5 : +26
73 : #a9cbab : +28
75 : #afcfb1 : +30
77 : #b6d3b8 : +32
79 : #bcd7be : +34
81 : #c2dbc4 : +36
83 : #c9deca : +38
85 : #cfe2d0 : +40
87 : #d6e6d7 : +42
89 : #dceadd : +44
91 : #e2eee3 : +46
93 : #e9f2e9 : +48
95 : #eff5ef : +50
97 : #f5f9f6 : +52
99 : #fcfdfc : +54
CSS入門、作ってます。
text-shadow