#545170
RGB ( 赤 = 84, 緑 = 81, 青 = 112 )
HSL ( 色相 = 246°, 彩度 = 16%, 明度 = 38% )
H : 色相 ( 246° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #705451 : -240
16 : #705a51 : -230
26 : #705f51 : -220
36 : #706451 : -210
46 : #706951 : -200
56 : #706e51 : -190
66 : #6d7051 : -180
76 : #687051 : -170
86 : #637051 : -160
96 : #5e7051 : -150
106 : #597051 : -140
116 : #537051 : -130
126 : #517054 : -120
136 : #51705a : -110
146 : #51705f : -100
156 : #517064 : -90
166 : #517069 : -80
176 : #51706e : -70
186 : #516d70 : -60
196 : #516870 : -50
206 : #516370 : -40
216 : #515e70 : -30
226 : #515970 : -20
236 : #515370 : -10
246 : #545170 : ±0
256 : #5a5170 : +10
266 : #5f5170 : +20
276 : #645170 : +30
286 : #695170 : +40
296 : #6e5170 : +50
306 : #70516d : +60
316 : #705168 : +70
326 : #705163 : +80
336 : #70515e : +90
346 : #705159 : +100
356 : #705153 : +110
236 : #515370 : -10
237 : #515370 : -9
238 : #515270 : -8
239 : #515270 : -7
240 : #515170 : -6
241 : #525170 : -5
242 : #525170 : -4
243 : #535170 : -3
244 : #535170 : -2
245 : #545170 : -1
246 : #545170 : ±0
247 : #555170 : +1
248 : #565170 : +2
249 : #565170 : +3
250 : #575170 : +4
251 : #575170 : +5
252 : #585170 : +6
253 : #585170 : +7
254 : #595170 : +8
255 : #595170 : +9
256 : #5a5170 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -16
2 : #5f5f63 : -14
4 : #5e5d65 : -12
6 : #5c5b67 : -10
8 : #5b5969 : -8
10 : #59576b : -6
12 : #58556d : -4
14 : #56536e : -2
16 : #545170 : ±0
18 : #534f72 : +2
20 : #514e74 : +4
22 : #504c76 : +6
24 : #4e4a78 : +8
26 : #4d487a : +10
28 : #4b467c : +12
30 : #4a447e : +14
32 : #484280 : +16
34 : #474082 : +18
36 : #453e84 : +20
38 : #433c86 : +22
40 : #423a88 : +24
42 : #40388a : +26
44 : #3f368c : +28
46 : #3d348d : +30
48 : #3c328f : +32
50 : #3a3091 : +34
52 : #392f93 : +36
54 : #372d95 : +38
56 : #352b97 : +40
58 : #342999 : +42
60 : #32279b : +44
62 : #31259d : +46
64 : #2f239f : +48
66 : #2e21a1 : +50
68 : #2c1fa3 : +52
70 : #2b1da5 : +54
72 : #291ba7 : +56
74 : #2819a9 : +58
76 : #2617ab : +60
78 : #2415ac : +62
80 : #2313ae : +64
82 : #2111b0 : +66
84 : #2010b2 : +68
86 : #1e0eb4 : +70
88 : #1d0cb6 : +72
90 : #1b0ab8 : +74
92 : #1a08ba : +76
94 : #1806bc : +78
96 : #1604be : +80
98 : #1502c0 : +82
100 : #1300c2 : +84
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040406 : -36
4 : #09090c : -34
6 : #0d0d12 : -32
8 : #121118 : -30
10 : #16151e : -28
12 : #1b1a23 : -26
14 : #1f1e29 : -24
16 : #24222f : -22
18 : #282735 : -20
20 : #2c2b3b : -18
22 : #312f41 : -16
24 : #353347 : -14
26 : #3a384d : -12
28 : #3e3c53 : -10
30 : #434059 : -8
32 : #47455f : -6
34 : #4c4965 : -4
36 : #504d6a : -2
38 : #545170 : ±0
40 : #595676 : +2
42 : #5d5a7c : +4
44 : #625e82 : +6
46 : #666388 : +8
48 : #6b678e : +10
50 : #6f6b94 : +12
52 : #757198 : +14
54 : #7b779c : +16
56 : #807da1 : +18
58 : #8683a5 : +20
60 : #8c89a9 : +22
62 : #928fae : +24
64 : #9795b2 : +26
66 : #9d9ab6 : +28
68 : #a3a0ba : +30
70 : #a9a6bf : +32
72 : #aeacc3 : +34
74 : #b4b2c7 : +36
76 : #bab8cc : +38
78 : #c0bed0 : +40
80 : #c5c4d4 : +42
82 : #cbcad8 : +44
84 : #d1d0dd : +46
86 : #d7d6e1 : +48
88 : #dcdce5 : +50
90 : #e2e1ea : +52
92 : #e8e7ee : +54
94 : #eeedf2 : +56
96 : #f3f3f6 : +58
98 : #f9f9fb : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow