#9d4357
RGB ( 赤 = 157, 緑 = 67, 青 = 87 )
HSL ( 色相 = 347°, 彩度 = 40%, 明度 = 44% )
H : 色相 ( 347° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9d4e43 : -340
17 : #9d5d43 : -330
27 : #9d6c43 : -320
37 : #9d7b43 : -310
47 : #9d8a43 : -300
57 : #9d9943 : -290
67 : #939d43 : -280
77 : #849d43 : -270
87 : #759d43 : -260
97 : #669d43 : -250
107 : #579d43 : -240
117 : #489d43 : -230
127 : #439d4e : -220
137 : #439d5d : -210
147 : #439d6c : -200
157 : #439d7b : -190
167 : #439d8a : -180
177 : #439d99 : -170
187 : #43939d : -160
197 : #43849d : -150
207 : #43759d : -140
217 : #43669d : -130
227 : #43579d : -120
237 : #43489d : -110
247 : #4e439d : -100
257 : #5d439d : -90
267 : #6c439d : -80
277 : #7b439d : -70
287 : #8a439d : -60
297 : #99439d : -50
307 : #9d4393 : -40
317 : #9d4384 : -30
327 : #9d4375 : -20
337 : #9d4366 : -10
347 : #9d4357 : ±0
357 : #9d4348 : +10
337 : #9d4366 : -10
338 : #9d4364 : -9
339 : #9d4363 : -8
340 : #9d4361 : -7
341 : #9d4360 : -6
342 : #9d435e : -5
343 : #9d435d : -4
344 : #9d435b : -3
345 : #9d435a : -2
346 : #9d4358 : -1
347 : #9d4357 : ±0
348 : #9d4355 : +1
349 : #9d4354 : +2
350 : #9d4352 : +3
351 : #9d4351 : +4
352 : #9d434f : +5
353 : #9d434e : +6
354 : #9d434c : +7
355 : #9d434b : +8
356 : #9d4349 : +9
357 : #9d4348 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -40
2 : #726e6f : -38
4 : #756c6e : -36
6 : #77696c : -34
8 : #79676b : -32
10 : #7b656a : -30
12 : #7e6369 : -28
14 : #806067 : -26
16 : #825e66 : -24
18 : #845c65 : -22
20 : #875a63 : -20
22 : #895862 : -18
24 : #8b5561 : -16
26 : #8d5360 : -14
28 : #90515e : -12
30 : #924f5d : -10
32 : #944c5c : -8
34 : #964a5b : -6
36 : #994859 : -4
38 : #9b4658 : -2
40 : #9d4357 : ±0
42 : #9f4155 : +2
44 : #a23f54 : +4
46 : #a43d53 : +6
48 : #a63a52 : +8
50 : #a83850 : +10
52 : #ab364f : +12
54 : #ad344e : +14
56 : #af314d : +16
58 : #b12f4b : +18
60 : #b42d4a : +20
62 : #b62b49 : +22
64 : #b82848 : +24
66 : #ba2646 : +26
68 : #bc2445 : +28
70 : #bf2244 : +30
72 : #c11f42 : +32
74 : #c31d41 : +34
76 : #c51b40 : +36
78 : #c8193f : +38
80 : #ca163d : +40
82 : #cc143c : +42
84 : #ce123b : +44
86 : #d1103a : +46
88 : #d30d38 : +48
90 : #d50b37 : +50
92 : #d70936 : +52
94 : #da0734 : +54
96 : #dc0433 : +56
98 : #de0232 : +58
100 : #e00031 : +60
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #070304 : -42
4 : #0e0608 : -40
6 : #15090c : -38
8 : #1d0c10 : -36
10 : #240f14 : -34
12 : #2b1218 : -32
14 : #32151c : -30
16 : #391820 : -28
18 : #401c23 : -26
20 : #471f27 : -24
22 : #4f222b : -22
24 : #56252f : -20
26 : #5d2833 : -18
28 : #642b37 : -16
30 : #6b2e3b : -14
32 : #72313f : -12
34 : #793443 : -10
36 : #813747 : -8
38 : #883a4b : -6
40 : #8f3d4f : -4
42 : #964053 : -2
44 : #9d4357 : ±0
46 : #a4465b : +2
48 : #ab495f : +4
50 : #b34d63 : +6
52 : #b65469 : +8
54 : #b95b6f : +10
56 : #bc6275 : +12
58 : #bf697c : +14
60 : #c27082 : +16
62 : #c57788 : +18
64 : #c87e8e : +20
66 : #cb8695 : +22
68 : #ce8d9b : +24
70 : #d194a1 : +26
72 : #d49ba7 : +28
74 : #d7a2ae : +30
76 : #daa9b4 : +32
78 : #ddb0ba : +34
80 : #e0b8c0 : +36
82 : #e3bfc7 : +38
84 : #e7c6cd : +40
86 : #eacdd3 : +42
88 : #edd4d9 : +44
90 : #f0dbe0 : +46
92 : #f3e2e6 : +48
94 : #f6eaec : +50
96 : #f9f1f2 : +52
98 : #fcf8f9 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow