#517b81
RGB ( 赤 = 81, 緑 = 123, 青 = 129 )
HSL ( 色相 = 188°, 彩度 = 23%, 明度 = 41% )
H : 色相 ( 188° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #815751 : -180
18 : #815f51 : -170
28 : #816751 : -160
38 : #816f51 : -150
48 : #817751 : -140
58 : #817f51 : -130
68 : #7a8151 : -120
78 : #728151 : -110
88 : #6a8151 : -100
98 : #628151 : -90
108 : #5a8151 : -80
118 : #528151 : -70
128 : #518157 : -60
138 : #51815f : -50
148 : #518167 : -40
158 : #51816f : -30
168 : #518177 : -20
178 : #51817f : -10
188 : #517a81 : ±0
198 : #517281 : +10
208 : #516a81 : +20
218 : #516281 : +30
228 : #515a81 : +40
238 : #515281 : +50
248 : #575181 : +60
258 : #5f5181 : +70
268 : #675181 : +80
278 : #6f5181 : +90
288 : #775181 : +100
298 : #7f5181 : +110
308 : #81517a : +120
318 : #815172 : +130
328 : #81516a : +140
338 : #815162 : +150
348 : #81515a : +160
358 : #815152 : +170
178 : #51817f : -10
179 : #518180 : -9
180 : #518181 : -8
181 : #518081 : -7
182 : #517f81 : -6
183 : #517e81 : -5
184 : #517d81 : -4
185 : #517d81 : -3
186 : #517c81 : -2
187 : #517b81 : -1
188 : #517a81 : ±0
189 : #517981 : +1
190 : #517981 : +2
191 : #517881 : +3
192 : #517781 : +4
193 : #517681 : +5
194 : #517581 : +6
195 : #517581 : +7
196 : #517481 : +8
197 : #517381 : +9
198 : #517281 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68696a : -22
3 : #656b6c : -20
5 : #636c6e : -18
7 : #616e70 : -16
9 : #5f6f72 : -14
11 : #5d7174 : -12
13 : #5b7376 : -10
15 : #597478 : -8
17 : #57767a : -6
19 : #55777c : -4
21 : #53797f : -2
23 : #517a81 : ±0
25 : #4e7c83 : +2
27 : #4c7d85 : +4
29 : #4a7f87 : +6
31 : #488089 : +8
33 : #46828b : +10
35 : #44838d : +12
37 : #42858f : +14
39 : #408691 : +16
41 : #3e8893 : +18
43 : #3c8a96 : +20
45 : #3a8b98 : +22
47 : #378d9a : +24
49 : #358e9c : +26
51 : #33909e : +28
53 : #3191a0 : +30
55 : #2f93a2 : +32
57 : #2d94a4 : +34
59 : #2b96a6 : +36
61 : #2997a8 : +38
63 : #2799aa : +40
65 : #259aad : +42
67 : #239caf : +44
69 : #209db1 : +46
71 : #1e9fb3 : +48
73 : #1ca1b5 : +50
75 : #1aa2b7 : +52
77 : #18a4b9 : +54
79 : #16a5bb : +56
81 : #14a7bd : +58
83 : #12a8bf : +60
85 : #10aac1 : +62
87 : #0eabc4 : +64
89 : #0cadc6 : +66
91 : #09aec8 : +68
93 : #07b0ca : +70
95 : #05b1cc : +72
97 : #03b3ce : +74
99 : #01b4d0 : +76
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -40
3 : #060909 : -38
5 : #0a0f10 : -36
7 : #0e1516 : -34
9 : #121b1c : -32
11 : #162123 : -30
13 : #1a2729 : -28
15 : #1d2d2f : -26
17 : #213335 : -24
19 : #25393c : -22
21 : #293f42 : -20
23 : #2d4548 : -18
25 : #314b4e : -16
27 : #355055 : -14
29 : #39565b : -12
31 : #3d5c61 : -10
33 : #416268 : -8
35 : #45686e : -6
37 : #496e74 : -4
39 : #4d747a : -2
41 : #517a81 : ±0
43 : #548087 : +2
45 : #58868d : +4
47 : #5c8c93 : +6
49 : #60929a : +8
51 : #65979f : +10
53 : #6c9ba3 : +12
55 : #72a0a7 : +14
57 : #78a4ab : +16
59 : #7ea8ae : +18
61 : #85acb2 : +20
63 : #8bb1b6 : +22
65 : #91b5ba : +24
67 : #97b9be : +26
69 : #9ebdc2 : +28
71 : #a4c2c6 : +30
73 : #aac6ca : +32
75 : #b1cace : +34
77 : #b7ced2 : +36
79 : #bdd2d6 : +38
81 : #c3d7da : +40
83 : #cadbde : +42
85 : #d0dfe2 : +44
87 : #d6e3e5 : +46
89 : #dce8e9 : +48
91 : #e3eced : +50
93 : #e9f0f1 : +52
95 : #eff4f5 : +54
97 : #f6f9f9 : +56
99 : #fcfdfd : +58
CSS入門、作ってます。
text-shadow