#5c8480
RGB ( 赤 = 92, 緑 = 132, 青 = 128 )
HSL ( 色相 = 174°, 彩度 = 18%, 明度 = 44% )
H : 色相 ( 174° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #845f5c : -170
14 : #84655c : -160
24 : #846c5c : -150
34 : #84735c : -140
44 : #847a5c : -130
54 : #84805c : -120
64 : #82845c : -110
74 : #7b845c : -100
84 : #74845c : -90
94 : #6e845c : -80
104 : #67845c : -70
114 : #60845c : -60
124 : #5c845f : -50
134 : #5c8465 : -40
144 : #5c846c : -30
154 : #5c8473 : -20
164 : #5c847a : -10
174 : #5c8480 : ±0
184 : #5c8284 : +10
194 : #5c7b84 : +20
204 : #5c7484 : +30
214 : #5c6e84 : +40
224 : #5c6784 : +50
234 : #5c6084 : +60
244 : #5f5c84 : +70
254 : #655c84 : +80
264 : #6c5c84 : +90
274 : #735c84 : +100
284 : #7a5c84 : +110
294 : #805c84 : +120
304 : #845c82 : +130
314 : #845c7b : +140
324 : #845c74 : +150
334 : #845c6e : +160
344 : #845c67 : +170
354 : #845c60 : +180
164 : #5c847a : -10
165 : #5c847a : -9
166 : #5c847b : -8
167 : #5c847c : -7
168 : #5c847c : -6
169 : #5c847d : -5
170 : #5c847e : -4
171 : #5c847e : -3
172 : #5c847f : -2
173 : #5c8480 : -1
174 : #5c8480 : ±0
175 : #5c8481 : +1
176 : #5c8482 : +2
177 : #5c8482 : +3
178 : #5c8483 : +4
179 : #5c8484 : +5
180 : #5c8484 : +6
181 : #5c8484 : +7
182 : #5c8384 : +8
183 : #5c8284 : +9
184 : #5c8284 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -18
2 : #6e7272 : -16
4 : #6c7574 : -14
6 : #697776 : -12
8 : #677977 : -10
10 : #657b79 : -8
12 : #637e7b : -6
14 : #60807d : -4
16 : #5e827f : -2
18 : #5c8480 : ±0
20 : #5a8782 : +2
22 : #588984 : +4
24 : #558b86 : +6
26 : #538d88 : +8
28 : #519089 : +10
30 : #4f928b : +12
32 : #4c948d : +14
34 : #4a968f : +16
36 : #489991 : +18
38 : #469b92 : +20
40 : #439d94 : +22
42 : #419f96 : +24
44 : #3fa298 : +26
46 : #3da499 : +28
48 : #3aa69b : +30
50 : #38a89d : +32
52 : #36ab9f : +34
54 : #34ada1 : +36
56 : #31afa2 : +38
58 : #2fb1a4 : +40
60 : #2db4a6 : +42
62 : #2bb6a8 : +44
64 : #28b8aa : +46
66 : #26baab : +48
68 : #24bcad : +50
70 : #22bfaf : +52
72 : #1fc1b1 : +54
74 : #1dc3b3 : +56
76 : #1bc5b4 : +58
78 : #19c8b6 : +60
80 : #16cab8 : +62
82 : #14ccba : +64
84 : #12cebc : +66
86 : #10d1bd : +68
88 : #0dd3bf : +70
90 : #0bd5c1 : +72
92 : #09d7c3 : +74
94 : #07dac5 : +76
96 : #04dcc6 : +78
98 : #02dec8 : +80
100 : #00e0ca : +82
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #040606 : -42
4 : #080c0c : -40
6 : #0d1212 : -38
8 : #111817 : -36
10 : #151e1d : -34
12 : #192423 : -32
14 : #1d2a29 : -30
16 : #21302f : -28
18 : #263635 : -26
20 : #2a3c3a : -24
22 : #2e4240 : -22
24 : #324846 : -20
26 : #364e4c : -18
28 : #3b5452 : -16
30 : #3f5a58 : -14
32 : #43605d : -12
34 : #476663 : -10
36 : #4b6c69 : -8
38 : #4f726f : -6
40 : #547875 : -4
42 : #587e7b : -2
44 : #5c8480 : ±0
46 : #608a86 : +2
48 : #64908c : +4
50 : #699692 : +6
52 : #6f9b96 : +8
54 : #759f9b : +10
56 : #7ba39f : +12
58 : #81a7a3 : +14
60 : #87aba8 : +16
62 : #8db0ac : +18
64 : #93b4b0 : +20
66 : #99b8b5 : +22
68 : #9fbcb9 : +24
70 : #a5c0be : +26
72 : #abc4c2 : +28
74 : #b1c9c6 : +30
76 : #b7cdcb : +32
78 : #bdd1cf : +34
80 : #c3d5d3 : +36
82 : #c9d9d8 : +38
84 : #cfdedc : +40
86 : #d5e2e0 : +42
88 : #dbe6e5 : +44
90 : #e1eae9 : +46
92 : #e7eeee : +48
94 : #edf2f2 : +50
96 : #f3f7f6 : +52
98 : #f9fbfb : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow