#9d5143
RGB ( 赤 = 157, 緑 = 81, 青 = 67 )
HSL ( 色相 = 9°, 彩度 = 40%, 明度 = 44% )
H : 色相 ( 9° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #9d5143 : ±0
19 : #9d6043 : +10
29 : #9d6f43 : +20
39 : #9d7e43 : +30
49 : #9d8d43 : +40
59 : #9d9c43 : +50
69 : #909d43 : +60
79 : #819d43 : +70
89 : #729d43 : +80
99 : #639d43 : +90
109 : #549d43 : +100
119 : #459d43 : +110
129 : #439d51 : +120
139 : #439d60 : +130
149 : #439d6f : +140
159 : #439d7e : +150
169 : #439d8d : +160
179 : #439d9c : +170
189 : #43909d : +180
199 : #43819d : +190
209 : #43729d : +200
219 : #43639d : +210
229 : #43549d : +220
239 : #43459d : +230
249 : #51439d : +240
259 : #60439d : +250
269 : #6f439d : +260
279 : #7e439d : +270
289 : #8d439d : +280
299 : #9c439d : +290
309 : #9d4390 : +300
319 : #9d4381 : +310
329 : #9d4372 : +320
339 : #9d4363 : +330
349 : #9d4354 : +340
359 : #9d4345 : +350
359 : #9d4345 : +350
0 : #9d4343 : -9
1 : #9d4543 : -8
2 : #9d4643 : -7
3 : #9d4843 : -6
4 : #9d4943 : -5
5 : #9d4b43 : -4
6 : #9d4c43 : -3
7 : #9d4e43 : -2
8 : #9d4f43 : -1
9 : #9d5143 : ±0
10 : #9d5243 : +1
11 : #9d5443 : +2
12 : #9d5543 : +3
13 : #9d5743 : +4
14 : #9d5843 : +5
15 : #9d5a43 : +6
16 : #9d5b43 : +7
17 : #9d5d43 : +8
18 : #9d5e43 : +9
19 : #9d6043 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -40
2 : #726f6e : -38
4 : #756d6c : -36
6 : #776b69 : -34
8 : #796a67 : -32
10 : #7b6865 : -30
12 : #7e6763 : -28
14 : #806560 : -26
16 : #82645e : -24
18 : #84625c : -22
20 : #87605a : -20
22 : #895f58 : -18
24 : #8b5d55 : -16
26 : #8d5c53 : -14
28 : #905a51 : -12
30 : #92594f : -10
32 : #94574c : -8
34 : #96554a : -6
36 : #995448 : -4
38 : #9b5246 : -2
40 : #9d5143 : ±0
42 : #9f4f41 : +2
44 : #a24e3f : +4
46 : #a44c3d : +6
48 : #a64b3a : +8
50 : #a84938 : +10
52 : #ab4736 : +12
54 : #ad4634 : +14
56 : #af4431 : +16
58 : #b1432f : +18
60 : #b4412d : +20
62 : #b6402b : +22
64 : #b83e28 : +24
66 : #ba3c26 : +26
68 : #bc3b24 : +28
70 : #bf3922 : +30
72 : #c1381f : +32
74 : #c3361d : +34
76 : #c5351b : +36
78 : #c83319 : +38
80 : #ca3116 : +40
82 : #cc3014 : +42
84 : #ce2e12 : +44
86 : #d12d10 : +46
88 : #d32b0d : +48
90 : #d52a0b : +50
92 : #d72809 : +52
94 : #da2607 : +54
96 : #dc2504 : +56
98 : #de2302 : +58
100 : #e02200 : +60
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #070403 : -42
4 : #0e0706 : -40
6 : #150b09 : -38
8 : #1d0f0c : -36
10 : #24120f : -34
12 : #2b1612 : -32
14 : #321a15 : -30
16 : #391d18 : -28
18 : #40211c : -26
20 : #47251f : -24
22 : #4f2822 : -22
24 : #562c25 : -20
26 : #5d3028 : -18
28 : #64332b : -16
30 : #6b372e : -14
32 : #723b31 : -12
34 : #793e34 : -10
36 : #814237 : -8
38 : #88463a : -6
40 : #8f493d : -4
42 : #964d40 : -2
44 : #9d5143 : ±0
46 : #a45446 : +2
48 : #ab5849 : +4
50 : #b35c4d : +6
52 : #b66254 : +8
54 : #b9695b : +10
56 : #bc6f62 : +12
58 : #bf7669 : +14
60 : #c27c70 : +16
62 : #c58377 : +18
64 : #c8897e : +20
66 : #cb9086 : +22
68 : #ce978d : +24
70 : #d19d94 : +26
72 : #d4a49b : +28
74 : #d7aaa2 : +30
76 : #dab1a9 : +32
78 : #ddb7b0 : +34
80 : #e0beb8 : +36
82 : #e3c4bf : +38
84 : #e7cbc6 : +40
86 : #ead1cd : +42
88 : #edd8d4 : +44
90 : #f0dedb : +46
92 : #f3e5e2 : +48
94 : #f6ebea : +50
96 : #f9f2f1 : +52
98 : #fcf8f8 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow