#394456
RGB ( 赤 = 57, 緑 = 68, 青 = 86 )
HSL ( 色相 = 217°, 彩度 = 20%, 明度 = 28% )
H : 色相 ( 217° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #563c39 : -210
17 : #564139 : -200
27 : #564639 : -190
37 : #564b39 : -180
47 : #564f39 : -170
57 : #565439 : -160
67 : #525639 : -150
77 : #4e5639 : -140
87 : #495639 : -130
97 : #445639 : -120
107 : #3f5639 : -110
117 : #3b5639 : -100
127 : #39563c : -90
137 : #395641 : -80
147 : #395646 : -70
157 : #39564b : -60
167 : #39564f : -50
177 : #395654 : -40
187 : #395256 : -30
197 : #394e56 : -20
207 : #394956 : -10
217 : #394456 : ±0
227 : #393f56 : +10
237 : #393b56 : +20
247 : #3c3956 : +30
257 : #413956 : +40
267 : #463956 : +50
277 : #4b3956 : +60
287 : #4f3956 : +70
297 : #543956 : +80
307 : #563952 : +90
317 : #56394e : +100
327 : #563949 : +110
337 : #563944 : +120
347 : #56393f : +130
357 : #56393b : +140
207 : #394956 : -10
208 : #394856 : -9
209 : #394856 : -8
210 : #394756 : -7
211 : #394756 : -6
212 : #394656 : -5
213 : #394656 : -4
214 : #394556 : -3
215 : #394556 : -2
216 : #394556 : -1
217 : #394456 : ±0
218 : #394456 : +1
219 : #394356 : +2
220 : #394356 : +3
221 : #394256 : +4
222 : #394256 : +5
223 : #394156 : +6
224 : #394156 : +7
225 : #394056 : +8
226 : #394056 : +9
227 : #393f56 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -20
2 : #464749 : -18
4 : #45474a : -16
6 : #43464c : -14
8 : #42464d : -12
10 : #40464f : -10
12 : #3f4550 : -8
14 : #3d4551 : -6
16 : #3c4553 : -4
18 : #3b4454 : -2
20 : #394456 : ±0
22 : #384457 : +2
24 : #364359 : +4
26 : #35435a : +6
28 : #33435b : +8
30 : #32425d : +10
32 : #31425e : +12
34 : #2f4260 : +14
36 : #2e4161 : +16
38 : #2c4163 : +18
40 : #2b4164 : +20
42 : #294065 : +22
44 : #284067 : +24
46 : #274068 : +26
48 : #253f6a : +28
50 : #243f6b : +30
52 : #223f6d : +32
54 : #213e6e : +34
56 : #1f3e6f : +36
58 : #1e3e71 : +38
60 : #1d3d72 : +40
62 : #1b3d74 : +42
64 : #1a3d75 : +44
66 : #183c77 : +46
68 : #173c78 : +48
70 : #153c79 : +50
72 : #143b7b : +52
74 : #133b7c : +54
76 : #113b7e : +56
78 : #103a7f : +58
80 : #0e3a81 : +60
82 : #0d3a82 : +62
84 : #0b3983 : +64
86 : #0a3985 : +66
88 : #093986 : +68
90 : #073888 : +70
92 : #063889 : +72
94 : #04388b : +74
96 : #03378c : +76
98 : #01378d : +78
100 : #00378f : +80
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #040506 : -26
4 : #080a0c : -24
6 : #0c0f12 : -22
8 : #101318 : -20
10 : #14181f : -18
12 : #181d25 : -16
14 : #1d222b : -14
16 : #212731 : -12
18 : #252c37 : -10
20 : #29313d : -8
22 : #2d3543 : -6
24 : #313a49 : -4
26 : #353f50 : -2
28 : #394456 : ±0
30 : #3d495c : +2
32 : #414e62 : +4
34 : #455368 : +6
36 : #49586e : +8
38 : #4e5c74 : +10
40 : #52617a : +12
42 : #566681 : +14
44 : #5a6b87 : +16
46 : #5e708d : +18
48 : #627593 : +20
50 : #667a99 : +22
52 : #6c7f9d : +24
54 : #7284a1 : +26
56 : #788aa5 : +28
58 : #7e8fa9 : +30
60 : #8594ad : +32
62 : #8b9ab1 : +34
64 : #919fb6 : +36
66 : #97a4ba : +38
68 : #9daabe : +40
70 : #a3afc2 : +42
72 : #a9b4c6 : +44
74 : #afbaca : +46
76 : #b6bfce : +48
78 : #bcc4d2 : +50
80 : #c2cad6 : +52
82 : #c8cfda : +54
84 : #ced4de : +56
86 : #d4dae2 : +58
88 : #dadfe7 : +60
90 : #e0e4eb : +62
92 : #e7eaef : +64
94 : #edeff3 : +66
96 : #f3f4f7 : +68
98 : #f9fafb : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow