#59786d
RGB ( 赤 = 89, 緑 = 120, 青 = 109 )
HSL ( 色相 = 159°, 彩度 = 15%, 明度 = 41% )
H : 色相 ( 159° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #785e59 : -150
19 : #786359 : -140
29 : #786859 : -130
39 : #786d59 : -120
49 : #787259 : -110
59 : #787859 : -100
69 : #747859 : -90
79 : #6e7859 : -80
89 : #697859 : -70
99 : #647859 : -60
109 : #5f7859 : -50
119 : #597859 : -40
129 : #59785e : -30
139 : #597863 : -20
149 : #597868 : -10
159 : #59786d : ±0
169 : #597872 : +10
179 : #597878 : +20
189 : #597478 : +30
199 : #596e78 : +40
209 : #596978 : +50
219 : #596478 : +60
229 : #595f78 : +70
239 : #595978 : +80
249 : #5e5978 : +90
259 : #635978 : +100
269 : #685978 : +110
279 : #6d5978 : +120
289 : #725978 : +130
299 : #785978 : +140
309 : #785974 : +150
319 : #78596e : +160
329 : #785969 : +170
339 : #785964 : +180
349 : #78595f : +190
359 : #785959 : +200
149 : #597868 : -10
150 : #597869 : -9
151 : #597869 : -8
152 : #59786a : -7
153 : #59786a : -6
154 : #59786b : -5
155 : #59786b : -4
156 : #59786c : -3
157 : #59786c : -2
158 : #59786d : -1
159 : #59786d : ±0
160 : #59786e : +1
161 : #59786e : +2
162 : #59786f : +3
163 : #59786f : +4
164 : #597870 : +5
165 : #597870 : +6
166 : #597871 : +7
167 : #597871 : +8
168 : #597872 : +9
169 : #597872 : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a69 : -14
3 : #656c69 : -12
5 : #636e6a : -10
7 : #61706b : -8
9 : #5f726b : -6
11 : #5d746c : -4
13 : #5b766d : -2
15 : #59786d : ±0
17 : #577a6e : +2
19 : #557c6f : +4
21 : #537f6f : +6
23 : #518170 : +8
25 : #4e8370 : +10
27 : #4c8571 : +12
29 : #4a8772 : +14
31 : #488972 : +16
33 : #468b73 : +18
35 : #448d74 : +20
37 : #428f74 : +22
39 : #409175 : +24
41 : #3e9375 : +26
43 : #3c9676 : +28
45 : #3a9877 : +30
47 : #379a77 : +32
49 : #359c78 : +34
51 : #339e79 : +36
53 : #31a079 : +38
55 : #2fa27a : +40
57 : #2da47a : +42
59 : #2ba67b : +44
61 : #29a87c : +46
63 : #27aa7c : +48
65 : #25ad7d : +50
67 : #23af7e : +52
69 : #20b17e : +54
71 : #1eb37f : +56
73 : #1cb57f : +58
75 : #1ab780 : +60
77 : #18b981 : +62
79 : #16bb81 : +64
81 : #14bd82 : +66
83 : #12bf83 : +68
85 : #10c183 : +70
87 : #0ec484 : +72
89 : #0cc684 : +74
91 : #09c885 : +76
93 : #07ca86 : +78
95 : #05cc86 : +80
97 : #03ce87 : +82
99 : #01d088 : +84
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -40
3 : #070908 : -38
5 : #0b0f0d : -36
7 : #0f1513 : -34
9 : #141a18 : -32
11 : #18201d : -30
13 : #1c2623 : -28
15 : #212c28 : -26
17 : #25322d : -24
19 : #293833 : -22
21 : #2e3e38 : -20
23 : #32433d : -18
25 : #364943 : -16
27 : #3b4f48 : -14
29 : #3f554d : -12
31 : #435b53 : -10
33 : #486158 : -8
35 : #4c675d : -6
37 : #506d63 : -4
39 : #557268 : -2
41 : #59786d : ±0
43 : #5d7e73 : +2
45 : #628478 : +4
47 : #668a7d : +6
49 : #6a9083 : +8
51 : #6f9588 : +10
53 : #75998d : +12
55 : #7b9d91 : +14
57 : #81a296 : +16
59 : #87a69b : +18
61 : #8daaa0 : +20
63 : #92afa5 : +22
65 : #98b3aa : +24
67 : #9eb7af : +26
69 : #a4bcb4 : +28
71 : #aac0b8 : +30
73 : #b0c4bd : +32
75 : #b6c9c2 : +34
77 : #bccdc7 : +36
79 : #c1d1cc : +38
81 : #c7d6d1 : +40
83 : #cddad6 : +42
85 : #d3deda : +44
87 : #d9e3df : +46
89 : #dfe7e4 : +48
91 : #e5ebe9 : +50
93 : #eaf0ee : +52
95 : #f0f4f3 : +54
97 : #f6f8f8 : +56
99 : #fcfdfd : +58
CSS入門、作ってます。
text-shadow