#9d6048
RGB ( 赤 = 157, 緑 = 96, 青 = 72 )
HSL ( 色相 = 17°, 彩度 = 37%, 明度 = 45% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9d5248 : -10
17 : #9d6048 : ±0
27 : #9d6f48 : +10
37 : #9d7d48 : +20
47 : #9d8b48 : +30
57 : #9d9948 : +40
67 : #939d48 : +50
77 : #859d48 : +60
87 : #779d48 : +70
97 : #699d48 : +80
107 : #5b9d48 : +90
117 : #4d9d48 : +100
127 : #489d52 : +110
137 : #489d60 : +120
147 : #489d6f : +130
157 : #489d7d : +140
167 : #489d8b : +150
177 : #489d99 : +160
187 : #48939d : +170
197 : #48859d : +180
207 : #48779d : +190
217 : #48699d : +200
227 : #485b9d : +210
237 : #484d9d : +220
247 : #52489d : +230
257 : #60489d : +240
267 : #6f489d : +250
277 : #7d489d : +260
287 : #8b489d : +270
297 : #99489d : +280
307 : #9d4893 : +290
317 : #9d4885 : +300
327 : #9d4877 : +310
337 : #9d4869 : +320
347 : #9d485b : +330
357 : #9d484d : +340
7 : #9d5248 : -10
8 : #9d5448 : -9
9 : #9d5548 : -8
10 : #9d5648 : -7
11 : #9d5848 : -6
12 : #9d5948 : -5
13 : #9d5b48 : -4
14 : #9d5c48 : -3
15 : #9d5e48 : -2
16 : #9d5f48 : -1
17 : #9d6048 : ±0
18 : #9d6248 : +1
19 : #9d6348 : +2
20 : #9d6548 : +3
21 : #9d6648 : +4
22 : #9d6748 : +5
23 : #9d6948 : +6
24 : #9d6a48 : +7
25 : #9d6c48 : +8
26 : #9d6d48 : +9
27 : #9d6f48 : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -36
3 : #76716f : -34
5 : #78706d : -32
7 : #7b6f6b : -30
9 : #7d6e68 : -28
11 : #7f6d66 : -26
13 : #826c64 : -24
15 : #846b62 : -22
17 : #866a5f : -20
19 : #89695d : -18
21 : #8b685b : -16
23 : #8d6758 : -14
25 : #8f6656 : -12
27 : #926554 : -10
29 : #946451 : -8
31 : #96634f : -6
33 : #99624d : -4
35 : #9b614b : -2
37 : #9d6048 : ±0
39 : #a05f46 : +2
41 : #a25e44 : +4
43 : #a45d41 : +6
45 : #a65c3f : +8
47 : #a95b3d : +10
49 : #ab5a3b : +12
51 : #ad5938 : +14
53 : #b05836 : +16
55 : #b25734 : +18
57 : #b45631 : +20
59 : #b6552f : +22
61 : #b9542d : +24
63 : #bb532a : +26
65 : #bd5228 : +28
67 : #c05126 : +30
69 : #c25024 : +32
71 : #c44f21 : +34
73 : #c74e1f : +36
75 : #c94d1d : +38
77 : #cb4c1a : +40
79 : #cd4b18 : +42
81 : #d04a16 : +44
83 : #d24914 : +46
85 : #d44811 : +48
87 : #d7470f : +50
89 : #d9460d : +52
91 : #db460a : +54
93 : #dd4508 : +56
95 : #e04406 : +58
97 : #e24303 : +60
99 : #e44201 : +62
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -44
3 : #0a0605 : -42
5 : #110b08 : -40
7 : #180f0b : -38
9 : #1f130e : -36
11 : #261812 : -34
13 : #2d1c15 : -32
15 : #342018 : -30
17 : #3b241b : -28
19 : #42291f : -26
21 : #492d22 : -24
23 : #503125 : -22
25 : #573628 : -20
27 : #5e3a2b : -18
29 : #653e2f : -16
31 : #6c4232 : -14
33 : #734735 : -12
35 : #7a4b38 : -10
37 : #814f3b : -8
39 : #88543f : -6
41 : #8f5842 : -4
43 : #965c45 : -2
45 : #9d6048 : ±0
47 : #a4654c : +2
49 : #ab694f : +4
51 : #b06e54 : +6
53 : #b3745b : +8
55 : #b77a62 : +10
57 : #ba8069 : +12
59 : #bd8670 : +14
61 : #c08c77 : +16
63 : #c4927e : +18
65 : #c79785 : +20
67 : #ca9d8c : +22
69 : #cda393 : +24
71 : #d0a99a : +26
73 : #d4afa1 : +28
75 : #d7b5a8 : +30
77 : #dabbaf : +32
79 : #ddc1b6 : +34
81 : #e0c7bd : +36
83 : #e4cdc4 : +38
85 : #e7d3cb : +40
87 : #ead9d2 : +42
89 : #edded9 : +44
91 : #f1e4e0 : +46
93 : #f4eae7 : +48
95 : #f7f0ee : +50
97 : #faf6f5 : +52
99 : #fdfcfc : +54
CSS入門、作ってます。
text-shadow