#9e576a
RGB ( 赤 = 158, 緑 = 87, 青 = 106 )
HSL ( 色相 = 344°, 彩度 = 29%, 明度 = 48% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #9e5c57 : -340
14 : #9e6757 : -330
24 : #9e7357 : -320
34 : #9e7f57 : -310
44 : #9e8b57 : -300
54 : #9e9757 : -290
64 : #999e57 : -280
74 : #8d9e57 : -270
84 : #819e57 : -260
94 : #769e57 : -250
104 : #6a9e57 : -240
114 : #5e9e57 : -230
124 : #579e5c : -220
134 : #579e67 : -210
144 : #579e73 : -200
154 : #579e7f : -190
164 : #579e8b : -180
174 : #579e97 : -170
184 : #57999e : -160
194 : #578d9e : -150
204 : #57819e : -140
214 : #57769e : -130
224 : #576a9e : -120
234 : #575e9e : -110
244 : #5c579e : -100
254 : #67579e : -90
264 : #73579e : -80
274 : #7f579e : -70
284 : #8b579e : -60
294 : #97579e : -50
304 : #9e5799 : -40
314 : #9e578d : -30
324 : #9e5781 : -20
334 : #9e5776 : -10
344 : #9e576a : ±0
354 : #9e575e : +10
334 : #9e5776 : -10
335 : #9e5774 : -9
336 : #9e5773 : -8
337 : #9e5772 : -7
338 : #9e5771 : -6
339 : #9e5770 : -5
340 : #9e576f : -4
341 : #9e576d : -3
342 : #9e576c : -2
343 : #9e576b : -1
344 : #9e576a : ±0
345 : #9e5769 : +1
346 : #9e5767 : +2
347 : #9e5766 : +3
348 : #9e5765 : +4
349 : #9e5764 : +5
350 : #9e5763 : +6
351 : #9e5762 : +7
352 : #9e5760 : +8
353 : #9e575f : +9
354 : #9e575e : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c797a : -28
3 : #7e7779 : -26
5 : #817478 : -24
7 : #837276 : -22
9 : #856f75 : -20
11 : #886d74 : -18
13 : #8a6a73 : -16
15 : #8d6872 : -14
17 : #8f6671 : -12
19 : #926370 : -10
21 : #94616e : -8
23 : #975e6d : -6
25 : #995c6c : -4
27 : #9b596b : -2
29 : #9e576a : ±0
31 : #a05469 : +2
33 : #a35268 : +4
35 : #a55066 : +6
37 : #a84d65 : +8
39 : #aa4b64 : +10
41 : #ad4863 : +12
43 : #af4662 : +14
45 : #b14361 : +16
47 : #b44160 : +18
49 : #b63e5e : +20
51 : #b93c5d : +22
53 : #bb3a5c : +24
55 : #be375b : +26
57 : #c0355a : +28
59 : #c33259 : +30
61 : #c53058 : +32
63 : #c82d56 : +34
65 : #ca2b55 : +36
67 : #cc2854 : +38
69 : #cf2653 : +40
71 : #d12352 : +42
73 : #d42151 : +44
75 : #d61f50 : +46
77 : #d91c4e : +48
79 : #db1a4d : +50
81 : #de174c : +52
83 : #e0154b : +54
85 : #e2124a : +56
87 : #e51049 : +58
89 : #e70d48 : +60
91 : #ea0b46 : +62
93 : #ec0945 : +64
95 : #ef0644 : +66
97 : #f10443 : +68
99 : #f40142 : +70
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #070404 : -46
4 : #0d0709 : -44
6 : #140b0d : -42
8 : #1a0e12 : -40
10 : #211216 : -38
12 : #27161a : -36
14 : #2e191f : -34
16 : #351d23 : -32
18 : #3b2128 : -30
20 : #42242c : -28
22 : #482831 : -26
24 : #4f2b35 : -24
26 : #562f39 : -22
28 : #5c333e : -20
30 : #633642 : -18
32 : #693a47 : -16
34 : #703e4b : -14
36 : #76414f : -12
38 : #7d4554 : -10
40 : #844858 : -8
42 : #8a4c5d : -6
44 : #915061 : -4
46 : #975365 : -2
48 : #9e576a : ±0
50 : #a45b6e : +2
52 : #a86174 : +4
54 : #ac687a : +6
56 : #af6e80 : +8
58 : #b37585 : +10
60 : #b77b8b : +12
62 : #ba8291 : +14
64 : #be8997 : +16
66 : #c18f9d : +18
68 : #c596a2 : +20
70 : #c99ca8 : +22
72 : #cca3ae : +24
74 : #d0a9b4 : +26
76 : #d4b0ba : +28
78 : #d7b7bf : +30
80 : #dbbdc5 : +32
82 : #dec4cb : +34
84 : #e2cad1 : +36
86 : #e6d1d6 : +38
88 : #e9d8dc : +40
90 : #eddee2 : +42
92 : #f1e5e8 : +44
94 : #f4ebee : +46
96 : #f8f2f3 : +48
98 : #fbf8f9 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow