#48516a
RGB ( 赤 = 72, 緑 = 81, 青 = 106 )
HSL ( 色相 = 224°, 彩度 = 19%, 明度 = 35% )
H : 色相 ( 224° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6a4b48 : -220
14 : #6a5048 : -210
24 : #6a5648 : -200
34 : #6a5c48 : -190
44 : #6a6148 : -180
54 : #6a6748 : -170
64 : #686a48 : -160
74 : #626a48 : -150
84 : #5d6a48 : -140
94 : #576a48 : -130
104 : #516a48 : -120
114 : #4c6a48 : -110
124 : #486a4b : -100
134 : #486a50 : -90
144 : #486a56 : -80
154 : #486a5c : -70
164 : #486a61 : -60
174 : #486a67 : -50
184 : #48686a : -40
194 : #48626a : -30
204 : #485d6a : -20
214 : #48576a : -10
224 : #48516a : ±0
234 : #484c6a : +10
244 : #4b486a : +20
254 : #50486a : +30
264 : #56486a : +40
274 : #5c486a : +50
284 : #61486a : +60
294 : #67486a : +70
304 : #6a4868 : +80
314 : #6a4862 : +90
324 : #6a485d : +100
334 : #6a4857 : +110
344 : #6a4851 : +120
354 : #6a484c : +130
214 : #48576a : -10
215 : #48566a : -9
216 : #48566a : -8
217 : #48556a : -7
218 : #48556a : -6
219 : #48546a : -5
220 : #48546a : -4
221 : #48536a : -3
222 : #48526a : -2
223 : #48526a : -1
224 : #48516a : ±0
225 : #48516a : +1
226 : #48506a : +2
227 : #48506a : +3
228 : #484f6a : +4
229 : #484f6a : +5
230 : #484e6a : +6
231 : #484d6a : +7
232 : #484d6a : +8
233 : #484c6a : +9
234 : #484c6a : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #58595a : -18
3 : #57585c : -16
5 : #55575e : -14
7 : #53565f : -12
9 : #515661 : -10
11 : #4f5563 : -8
13 : #4e5465 : -6
15 : #4c5367 : -4
17 : #4a5268 : -2
19 : #48516a : ±0
21 : #47516c : +2
23 : #45506e : +4
25 : #434f70 : +6
27 : #414e71 : +8
29 : #3f4d73 : +10
31 : #3e4c75 : +12
33 : #3c4c77 : +14
35 : #3a4b78 : +16
37 : #384a7a : +18
39 : #36497c : +20
41 : #35487e : +22
43 : #334780 : +24
45 : #314781 : +26
47 : #2f4683 : +28
49 : #2e4585 : +30
51 : #2c4487 : +32
53 : #2a4389 : +34
55 : #28428a : +36
57 : #26428c : +38
59 : #25418e : +40
61 : #234090 : +42
63 : #213f91 : +44
65 : #1f3e93 : +46
67 : #1d3d95 : +48
69 : #1c3d97 : +50
71 : #1a3c99 : +52
73 : #183b9a : +54
75 : #163a9c : +56
77 : #15399e : +58
79 : #1338a0 : +60
81 : #1138a2 : +62
83 : #0f37a3 : +64
85 : #0d36a5 : +66
87 : #0c35a7 : +68
89 : #0a34a9 : +70
91 : #0833aa : +72
93 : #0633ac : +74
95 : #0432ae : +76
97 : #0331b0 : +78
99 : #0130b2 : +80
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -34
3 : #060709 : -32
5 : #0a0c0f : -30
7 : #0e1015 : -28
9 : #13151b : -26
11 : #171a21 : -24
13 : #1b1e27 : -22
15 : #1f232e : -20
17 : #232834 : -18
19 : #272c3a : -16
21 : #2b3140 : -14
23 : #303546 : -12
25 : #343a4c : -10
27 : #383f52 : -8
29 : #3c4358 : -6
31 : #40485e : -4
33 : #444d64 : -2
35 : #48516a : ±0
37 : #4c5670 : +2
39 : #515b76 : +4
41 : #555f7c : +6
43 : #596482 : +8
45 : #5d6989 : +10
47 : #616d8f : +12
49 : #657295 : +14
51 : #6a779a : +16
53 : #707d9e : +18
55 : #7682a2 : +20
57 : #7d88a6 : +22
59 : #838daa : +24
61 : #8993ae : +26
63 : #8f98b3 : +28
65 : #959eb7 : +30
67 : #9ba3bb : +32
69 : #a1a9bf : +34
71 : #a7aec3 : +36
73 : #adb4c7 : +38
75 : #b3bacb : +40
77 : #b9bfcf : +42
79 : #bfc5d4 : +44
81 : #c5cad8 : +46
83 : #cbd0dc : +48
85 : #d1d5e0 : +50
87 : #d8dbe4 : +52
89 : #dee0e8 : +54
91 : #e4e6ec : +56
93 : #eaecf1 : +58
95 : #f0f1f5 : +60
97 : #f6f7f9 : +62
99 : #fcfcfd : +64
CSS入門、作ってます。
text-shadow