#56405e
RGB ( 赤 = 86, 緑 = 64, 青 = 94 )
HSL ( 色相 = 284°, 彩度 = 19%, 明度 = 31% )
H : 色相 ( 284° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #5e4240 : -280
14 : #5e4740 : -270
24 : #5e4c40 : -260
34 : #5e5140 : -250
44 : #5e5640 : -240
54 : #5e5b40 : -230
64 : #5c5e40 : -220
74 : #575e40 : -210
84 : #525e40 : -200
94 : #4d5e40 : -190
104 : #485e40 : -180
114 : #435e40 : -170
124 : #405e42 : -160
134 : #405e47 : -150
144 : #405e4c : -140
154 : #405e51 : -130
164 : #405e56 : -120
174 : #405e5b : -110
184 : #405c5e : -100
194 : #40575e : -90
204 : #40525e : -80
214 : #404d5e : -70
224 : #40485e : -60
234 : #40435e : -50
244 : #42405e : -40
254 : #47405e : -30
264 : #4c405e : -20
274 : #51405e : -10
284 : #56405e : ±0
294 : #5b405e : +10
304 : #5e405c : +20
314 : #5e4057 : +30
324 : #5e4052 : +40
334 : #5e404d : +50
344 : #5e4048 : +60
354 : #5e4043 : +70
274 : #51405e : -10
275 : #52405e : -9
276 : #52405e : -8
277 : #53405e : -7
278 : #53405e : -6
279 : #54405e : -5
280 : #54405e : -4
281 : #55405e : -3
282 : #55405e : -2
283 : #56405e : -1
284 : #56405e : ±0
285 : #57405e : +1
286 : #57405e : +2
287 : #58405e : +3
288 : #58405e : +4
289 : #59405e : +5
290 : #59405e : +6
291 : #5a405e : +7
292 : #5a405e : +8
293 : #5b405e : +9
294 : #5b405e : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4f4e50 : -18
3 : #504d51 : -16
5 : #514b53 : -14
7 : #524a55 : -12
9 : #524856 : -10
11 : #534658 : -8
13 : #544559 : -6
15 : #55435b : -4
17 : #55425c : -2
19 : #56405e : ±0
21 : #573e60 : +2
23 : #583d61 : +4
25 : #583b63 : +6
27 : #593a64 : +8
29 : #5a3866 : +10
31 : #5a3768 : +12
33 : #5b3569 : +14
35 : #5c336b : +16
37 : #5d326c : +18
39 : #5d306e : +20
41 : #5e2f6f : +22
43 : #5f2d71 : +24
45 : #602b73 : +26
47 : #602a74 : +28
49 : #612876 : +30
51 : #622777 : +32
53 : #632579 : +34
55 : #63247b : +36
57 : #64227c : +38
59 : #65207e : +40
61 : #661f7f : +42
63 : #661d81 : +44
65 : #671c82 : +46
67 : #681a84 : +48
69 : #691986 : +50
71 : #691787 : +52
73 : #6a1589 : +54
75 : #6b148a : +56
77 : #6b128c : +58
79 : #6c118d : +60
81 : #6d0f8f : +62
83 : #6e0d91 : +64
85 : #6e0c92 : +66
87 : #6f0a94 : +68
89 : #700995 : +70
91 : #710797 : +72
93 : #710699 : +74
95 : #72049a : +76
97 : #73029c : +78
99 : #74019d : +80
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -30
3 : #080609 : -28
5 : #0e0a0f : -26
7 : #130e15 : -24
9 : #19131b : -22
11 : #1f1721 : -20
13 : #241b27 : -18
15 : #2a1f2e : -16
17 : #2f2334 : -14
19 : #35273a : -12
21 : #3a2b40 : -10
23 : #403046 : -8
25 : #45344c : -6
27 : #4b3852 : -4
29 : #513c58 : -2
31 : #56405e : ±0
33 : #5c4464 : +2
35 : #61486a : +4
37 : #674c70 : +6
39 : #6c5176 : +8
41 : #72557c : +10
43 : #775982 : +12
45 : #7d5d89 : +14
47 : #82618f : +16
49 : #886595 : +18
51 : #8d6a9a : +20
53 : #92709e : +22
55 : #9676a2 : +24
57 : #9b7da6 : +26
59 : #a083aa : +28
61 : #a489ae : +30
63 : #a98fb3 : +32
65 : #ae95b7 : +34
67 : #b29bbb : +36
69 : #b7a1bf : +38
71 : #bca7c3 : +40
73 : #c0adc7 : +42
75 : #c5b3cb : +44
77 : #cab9cf : +46
79 : #cebfd4 : +48
81 : #d3c5d8 : +50
83 : #d7cbdc : +52
85 : #dcd1e0 : +54
87 : #e1d8e4 : +56
89 : #e5dee8 : +58
91 : #eae4ec : +60
93 : #efeaf1 : +62
95 : #f3f0f5 : +64
97 : #f8f6f9 : +66
99 : #fdfcfd : +68
CSS入門、作ってます。
text-shadow