#477385
RGB ( 赤 = 71, 緑 = 115, 青 = 133 )
HSL ( 色相 = 197°, 彩度 = 30%, 明度 = 40% )
H : 色相 ( 197° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #854f47 : -190
17 : #855947 : -180
27 : #856347 : -170
37 : #856d47 : -160
47 : #857747 : -150
57 : #858247 : -140
67 : #7d8547 : -130
77 : #738547 : -120
87 : #698547 : -110
97 : #5f8547 : -100
107 : #558547 : -90
117 : #4a8547 : -80
127 : #47854f : -70
137 : #478559 : -60
147 : #478563 : -50
157 : #47856d : -40
167 : #478577 : -30
177 : #478582 : -20
187 : #477d85 : -10
197 : #477385 : ±0
207 : #476985 : +10
217 : #475f85 : +20
227 : #475585 : +30
237 : #474a85 : +40
247 : #4f4785 : +50
257 : #594785 : +60
267 : #634785 : +70
277 : #6d4785 : +80
287 : #774785 : +90
297 : #824785 : +100
307 : #85477d : +110
317 : #854773 : +120
327 : #854769 : +130
337 : #85475f : +140
347 : #854755 : +150
357 : #85474a : +160
187 : #477d85 : -10
188 : #477c85 : -9
189 : #477b85 : -8
190 : #477a85 : -7
191 : #477985 : -6
192 : #477885 : -5
193 : #477785 : -4
194 : #477685 : -3
195 : #477585 : -2
196 : #477485 : -1
197 : #477385 : ±0
198 : #477285 : +1
199 : #477185 : +2
200 : #477085 : +3
201 : #476f85 : +4
202 : #476e85 : +5
203 : #476d85 : +6
204 : #476c85 : +7
205 : #476b85 : +8
206 : #476a85 : +9
207 : #476985 : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -30
2 : #646768 : -28
4 : #62686a : -26
6 : #60696c : -24
8 : #5e6a6e : -22
10 : #5c6a70 : -20
12 : #5a6b72 : -18
14 : #586c74 : -16
16 : #566d76 : -14
18 : #546e78 : -12
20 : #526f7a : -10
22 : #50707c : -8
24 : #4e717e : -6
26 : #4b7181 : -4
28 : #497283 : -2
30 : #477385 : ±0
32 : #457487 : +2
34 : #437589 : +4
36 : #41768b : +6
38 : #3f778d : +8
40 : #3d788f : +10
42 : #3b7991 : +12
44 : #397993 : +14
46 : #377a95 : +16
48 : #357b97 : +18
50 : #337c99 : +20
52 : #317d9b : +22
54 : #2f7e9d : +24
56 : #2d7f9f : +26
58 : #2b80a1 : +28
60 : #2981a3 : +30
62 : #2781a5 : +32
64 : #2582a7 : +34
66 : #2383a9 : +36
68 : #2184ab : +38
70 : #1f85ad : +40
72 : #1d86af : +42
74 : #1b87b1 : +44
76 : #1888b4 : +46
78 : #1688b6 : +48
80 : #1489b8 : +50
82 : #128aba : +52
84 : #108bbc : +54
86 : #0e8cbe : +56
88 : #0c8dc0 : +58
90 : #0a8ec2 : +60
92 : #088fc4 : +62
94 : #0690c6 : +64
96 : #0490c8 : +66
98 : #0291ca : +68
100 : #0092cc : +70
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #040607 : -38
4 : #070c0d : -36
6 : #0b1114 : -34
8 : #0e171b : -32
10 : #121d21 : -30
12 : #152328 : -28
14 : #19282e : -26
16 : #1d2e35 : -24
18 : #20343c : -22
20 : #243a42 : -20
22 : #273f49 : -18
24 : #2b4550 : -16
26 : #2e4b56 : -14
28 : #32515d : -12
30 : #365663 : -10
32 : #395c6a : -8
34 : #3d6271 : -6
36 : #406877 : -4
38 : #446d7e : -2
40 : #477385 : ±0
42 : #4b798b : +2
44 : #4f7f92 : +4
46 : #528598 : +6
48 : #568a9f : +8
50 : #5990a6 : +10
52 : #6095a9 : +12
54 : #6799ad : +14
56 : #6d9db0 : +16
58 : #74a2b4 : +18
60 : #7aa6b8 : +20
62 : #81abbb : +22
64 : #88afbf : +24
66 : #8eb4c2 : +26
68 : #95b8c6 : +28
70 : #9cbcc9 : +30
72 : #a2c1cd : +32
74 : #a9c5d1 : +34
76 : #afcad4 : +36
78 : #b6ced8 : +38
80 : #bdd3db : +40
82 : #c3d7df : +42
84 : #cadce2 : +44
86 : #d1e0e6 : +46
88 : #d7e4ea : +48
90 : #dee9ed : +50
92 : #e4edf1 : +52
94 : #ebf2f4 : +54
96 : #f2f6f8 : +56
98 : #f8fbfb : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow