#565e40
RGB ( 赤 = 86, 緑 = 94, 青 = 64 )
HSL ( 色相 = 76°, 彩度 = 19%, 明度 = 31% )
H : 色相 ( 76° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #5e4340 : -70
16 : #5e4840 : -60
26 : #5e4d40 : -50
36 : #5e5240 : -40
46 : #5e5740 : -30
56 : #5e5c40 : -20
66 : #5b5e40 : -10
76 : #565e40 : ±0
86 : #515e40 : +10
96 : #4c5e40 : +20
106 : #475e40 : +30
116 : #425e40 : +40
126 : #405e43 : +50
136 : #405e48 : +60
146 : #405e4d : +70
156 : #405e52 : +80
166 : #405e57 : +90
176 : #405e5c : +100
186 : #405b5e : +110
196 : #40565e : +120
206 : #40515e : +130
216 : #404c5e : +140
226 : #40475e : +150
236 : #40425e : +160
246 : #43405e : +170
256 : #48405e : +180
266 : #4d405e : +190
276 : #52405e : +200
286 : #57405e : +210
296 : #5c405e : +220
306 : #5e405b : +230
316 : #5e4056 : +240
326 : #5e4051 : +250
336 : #5e404c : +260
346 : #5e4047 : +270
356 : #5e4042 : +280
66 : #5b5e40 : -10
67 : #5b5e40 : -9
68 : #5a5e40 : -8
69 : #5a5e40 : -7
70 : #595e40 : -6
71 : #595e40 : -5
72 : #585e40 : -4
73 : #585e40 : -3
74 : #575e40 : -2
75 : #575e40 : -1
76 : #565e40 : ±0
77 : #565e40 : +1
78 : #555e40 : +2
79 : #555e40 : +3
80 : #545e40 : +4
81 : #545e40 : +5
82 : #535e40 : +6
83 : #535e40 : +7
84 : #525e40 : +8
85 : #525e40 : +9
86 : #515e40 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4f504e : -18
3 : #50514d : -16
5 : #51534b : -14
7 : #52554a : -12
9 : #525648 : -10
11 : #535846 : -8
13 : #545945 : -6
15 : #555b43 : -4
17 : #555c42 : -2
19 : #565e40 : ±0
21 : #57603e : +2
23 : #58613d : +4
25 : #58633b : +6
27 : #59643a : +8
29 : #5a6638 : +10
31 : #5a6837 : +12
33 : #5b6935 : +14
35 : #5c6b33 : +16
37 : #5d6c32 : +18
39 : #5d6e30 : +20
41 : #5e6f2f : +22
43 : #5f712d : +24
45 : #60732b : +26
47 : #60742a : +28
49 : #617628 : +30
51 : #627727 : +32
53 : #637925 : +34
55 : #637b24 : +36
57 : #647c22 : +38
59 : #657e20 : +40
61 : #667f1f : +42
63 : #66811d : +44
65 : #67821c : +46
67 : #68841a : +48
69 : #698619 : +50
71 : #698717 : +52
73 : #6a8915 : +54
75 : #6b8a14 : +56
77 : #6b8c12 : +58
79 : #6c8d11 : +60
81 : #6d8f0f : +62
83 : #6e910d : +64
85 : #6e920c : +66
87 : #6f940a : +68
89 : #709509 : +70
91 : #719707 : +72
93 : #719906 : +74
95 : #729a04 : +76
97 : #739c02 : +78
99 : #749d01 : +80
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -30
3 : #080906 : -28
5 : #0e0f0a : -26
7 : #13150e : -24
9 : #191b13 : -22
11 : #1f2117 : -20
13 : #24271b : -18
15 : #2a2e1f : -16
17 : #2f3423 : -14
19 : #353a27 : -12
21 : #3a402b : -10
23 : #404630 : -8
25 : #454c34 : -6
27 : #4b5238 : -4
29 : #51583c : -2
31 : #565e40 : ±0
33 : #5c6444 : +2
35 : #616a48 : +4
37 : #67704c : +6
39 : #6c7651 : +8
41 : #727c55 : +10
43 : #778259 : +12
45 : #7d895d : +14
47 : #828f61 : +16
49 : #889565 : +18
51 : #8d9a6a : +20
53 : #929e70 : +22
55 : #96a276 : +24
57 : #9ba67d : +26
59 : #a0aa83 : +28
61 : #a4ae89 : +30
63 : #a9b38f : +32
65 : #aeb795 : +34
67 : #b2bb9b : +36
69 : #b7bfa1 : +38
71 : #bcc3a7 : +40
73 : #c0c7ad : +42
75 : #c5cbb3 : +44
77 : #cacfb9 : +46
79 : #ced4bf : +48
81 : #d3d8c5 : +50
83 : #d7dccb : +52
85 : #dce0d1 : +54
87 : #e1e4d8 : +56
89 : #e5e8de : +58
91 : #eaece4 : +60
93 : #eff1ea : +62
95 : #f3f5f0 : +64
97 : #f8f9f6 : +66
99 : #fdfdfc : +68
CSS入門、作ってます。
text-shadow