#a32e5f
RGB ( 赤 = 163, 緑 = 46, 青 = 95 )
HSL ( 色相 = 335°, 彩度 = 56%, 明度 = 41% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a3382e : -330
15 : #a34b2e : -320
25 : #a35f2e : -310
35 : #a3722e : -300
45 : #a3862e : -290
55 : #a3992e : -280
65 : #99a32e : -270
75 : #86a32e : -260
85 : #72a32e : -250
95 : #5fa32e : -240
105 : #4ba32e : -230
115 : #38a32e : -220
125 : #2ea338 : -210
135 : #2ea34b : -200
145 : #2ea35f : -190
155 : #2ea372 : -180
165 : #2ea386 : -170
175 : #2ea399 : -160
185 : #2e99a3 : -150
195 : #2e86a3 : -140
205 : #2e72a3 : -130
215 : #2e5fa3 : -120
225 : #2e4ba3 : -110
235 : #2e38a3 : -100
245 : #382ea3 : -90
255 : #4b2ea3 : -80
265 : #5f2ea3 : -70
275 : #722ea3 : -60
285 : #862ea3 : -50
295 : #992ea3 : -40
305 : #a32e99 : -30
315 : #a32e86 : -20
325 : #a32e72 : -10
335 : #a32e5f : ±0
345 : #a32e4b : +10
355 : #a32e38 : +20
325 : #a32e72 : -10
326 : #a32e70 : -9
327 : #a32e6e : -8
328 : #a32e6c : -7
329 : #a32e6b : -6
330 : #a32e69 : -5
331 : #a32e67 : -4
332 : #a32e65 : -3
333 : #a32e63 : -2
334 : #a32e61 : -1
335 : #a32e5f : ±0
336 : #a32e5d : +1
337 : #a32e5b : +2
338 : #a32e59 : +3
339 : #a32e57 : +4
340 : #a32e55 : +5
341 : #a32e53 : +6
342 : #a32e51 : +7
343 : #a32e4f : +8
344 : #a32e4d : +9
345 : #a32e4b : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -56
2 : #6b6668 : -54
4 : #6d6468 : -52
6 : #6f6268 : -50
8 : #716067 : -48
10 : #735e67 : -46
12 : #755c66 : -44
14 : #775a66 : -42
16 : #795866 : -40
18 : #7b5665 : -38
20 : #7d5465 : -36
22 : #805265 : -34
24 : #824f64 : -32
26 : #844d64 : -30
28 : #864b64 : -28
30 : #884963 : -26
32 : #8a4763 : -24
34 : #8c4563 : -22
36 : #8e4362 : -20
38 : #904162 : -18
40 : #923f62 : -16
42 : #943d61 : -14
44 : #973b61 : -12
46 : #993861 : -10
48 : #9b3660 : -8
50 : #9d3460 : -6
52 : #9f325f : -4
54 : #a1305f : -2
56 : #a32e5f : ±0
58 : #a52c5e : +2
60 : #a72a5e : +4
62 : #a9285e : +6
64 : #ab265d : +8
66 : #ae245d : +10
68 : #b0215d : +12
70 : #b21f5c : +14
72 : #b41d5c : +16
74 : #b61b5c : +18
76 : #b8195b : +20
78 : #ba175b : +22
80 : #bc155b : +24
82 : #be135a : +26
84 : #c0115a : +28
86 : #c20f5a : +30
88 : #c50d59 : +32
90 : #c70a59 : +34
92 : #c90859 : +36
94 : #cb0658 : +38
96 : #cd0458 : +40
98 : #cf0257 : +42
100 : #d10057 : +44
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -40
3 : #0c0307 : -38
5 : #14060c : -36
7 : #1c0810 : -34
9 : #240a15 : -32
11 : #2c0c19 : -30
13 : #340f1e : -28
15 : #3c1123 : -26
17 : #441327 : -24
19 : #4c152c : -22
21 : #541831 : -20
23 : #5b1a35 : -18
25 : #631c3a : -16
27 : #6b1e3e : -14
29 : #732143 : -12
31 : #7b2348 : -10
33 : #83254c : -8
35 : #8b2751 : -6
37 : #932a56 : -4
39 : #9b2c5a : -2
41 : #a32e5f : ±0
43 : #ab3063 : +2
45 : #b33268 : +4
47 : #bb356d : +6
49 : #c33771 : +8
51 : #c83c76 : +10
53 : #ca447c : +12
55 : #cd4c82 : +14
57 : #cf5487 : +16
59 : #d15c8d : +18
61 : #d36492 : +20
63 : #d56c98 : +22
65 : #d8749d : +24
67 : #da7ca3 : +26
69 : #dc84a9 : +28
71 : #de8cae : +30
73 : #e194b4 : +32
75 : #e39cb9 : +34
77 : #e5a4bf : +36
79 : #e7abc4 : +38
81 : #eab3ca : +40
83 : #ecbbd0 : +42
85 : #eec3d5 : +44
87 : #f0cbdb : +46
89 : #f3d3e0 : +48
91 : #f5dbe6 : +50
93 : #f7e3eb : +52
95 : #f9ebf1 : +54
97 : #fcf3f7 : +56
99 : #fefbfc : +58
CSS入門、作ってます。
text-shadow