#3a2736
RGB ( 赤 = 58, 緑 = 39, 青 = 54 )
HSL ( 色相 = 313°, 彩度 = 20%, 明度 = 19% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #3a2827 : -310
13 : #3a2b27 : -300
23 : #3a2e27 : -290
33 : #3a3127 : -280
43 : #3a3527 : -270
53 : #3a3827 : -260
63 : #393a27 : -250
73 : #363a27 : -240
83 : #333a27 : -230
93 : #2f3a27 : -220
103 : #2c3a27 : -210
113 : #293a27 : -200
123 : #273a28 : -190
133 : #273a2b : -180
143 : #273a2e : -170
153 : #273a31 : -160
163 : #273a35 : -150
173 : #273a38 : -140
183 : #27393a : -130
193 : #27363a : -120
203 : #27333a : -110
213 : #272f3a : -100
223 : #272c3a : -90
233 : #27293a : -80
243 : #28273a : -70
253 : #2b273a : -60
263 : #2e273a : -50
273 : #31273a : -40
283 : #35273a : -30
293 : #38273a : -20
303 : #3a2739 : -10
313 : #3a2736 : ±0
323 : #3a2733 : +10
333 : #3a272f : +20
343 : #3a272c : +30
353 : #3a2729 : +40
303 : #3a2739 : -10
304 : #3a2739 : -9
305 : #3a2739 : -8
306 : #3a2738 : -7
307 : #3a2738 : -6
308 : #3a2738 : -5
309 : #3a2737 : -4
310 : #3a2737 : -3
311 : #3a2737 : -2
312 : #3a2736 : -1
313 : #3a2736 : ±0
314 : #3a2736 : +1
315 : #3a2735 : +2
316 : #3a2735 : +3
317 : #3a2735 : +4
318 : #3a2734 : +5
319 : #3a2734 : +6
320 : #3a2734 : +7
321 : #3a2733 : +8
322 : #3a2733 : +9
323 : #3a2733 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -20
2 : #312f31 : -18
4 : #322f32 : -16
6 : #332e32 : -14
8 : #342d33 : -12
10 : #352c33 : -10
12 : #362b34 : -8
14 : #372a34 : -6
16 : #382935 : -4
18 : #392835 : -2
20 : #3a2736 : ±0
22 : #3b2636 : +2
24 : #3c2537 : +4
26 : #3d2438 : +6
28 : #3e2338 : +8
30 : #3f2239 : +10
32 : #402139 : +12
34 : #41203a : +14
36 : #421f3a : +16
38 : #431e3b : +18
40 : #441d3b : +20
42 : #451c3c : +22
44 : #461b3d : +24
46 : #471a3d : +26
48 : #48193e : +28
50 : #49183e : +30
52 : #4a173f : +32
54 : #4b163f : +34
56 : #4c1540 : +36
58 : #4d1440 : +38
60 : #4e1341 : +40
62 : #4e1241 : +42
64 : #4f1142 : +44
66 : #501043 : +46
68 : #511043 : +48
70 : #520f44 : +50
72 : #530e44 : +52
74 : #540d45 : +54
76 : #550c45 : +56
78 : #560b46 : +58
80 : #570a46 : +60
82 : #580947 : +62
84 : #590848 : +64
86 : #5a0748 : +66
88 : #5b0649 : +68
90 : #5c0549 : +70
92 : #5d044a : +72
94 : #5e034a : +74
96 : #5f024b : +76
98 : #60014b : +78
100 : #61004c : +80
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -18
3 : #090609 : -16
5 : #0f0a0e : -14
7 : #150e14 : -12
9 : #1c121a : -10
11 : #22161f : -8
13 : #281b25 : -6
15 : #2e1f2b : -4
17 : #342330 : -2
19 : #3a2736 : ±0
21 : #402b3c : +2
23 : #462f41 : +4
25 : #4d3347 : +6
27 : #53374d : +8
29 : #593b52 : +10
31 : #5f3f58 : +12
33 : #65435e : +14
35 : #6b4763 : +16
37 : #714b69 : +18
39 : #77506f : +20
41 : #7d5474 : +22
43 : #84587a : +24
45 : #8a5c80 : +26
47 : #906085 : +28
49 : #96648b : +30
51 : #9b6990 : +32
53 : #9f6f95 : +34
55 : #a37599 : +36
57 : #a77b9e : +38
59 : #ab82a2 : +40
61 : #af88a7 : +42
63 : #b48eab : +44
65 : #b894b0 : +46
67 : #bc9ab4 : +48
69 : #c0a0b9 : +50
71 : #c4a6bd : +52
73 : #c8acc2 : +54
75 : #ccb3c6 : +56
77 : #d0b9cb : +58
79 : #d4bfd0 : +60
81 : #d8c5d4 : +62
83 : #dccbd9 : +64
85 : #e0d1dd : +66
87 : #e4d7e2 : +68
89 : #e9dde6 : +70
91 : #ede3eb : +72
93 : #f1eaef : +74
95 : #f5f0f4 : +76
97 : #f9f6f8 : +78
99 : #fdfcfd : +80
CSS入門、作ってます。
text-shadow