#3a2541
RGB ( 赤 = 58, 緑 = 37, 青 = 65 )
HSL ( 色相 = 285°, 彩度 = 27%, 明度 = 20% )
H : 色相 ( 285° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #412825 : -280
15 : #412c25 : -270
25 : #413125 : -260
35 : #413525 : -250
45 : #413a25 : -240
55 : #413e25 : -230
65 : #3e4125 : -220
75 : #3a4125 : -210
85 : #354125 : -200
95 : #314125 : -190
105 : #2c4125 : -180
115 : #284125 : -170
125 : #254128 : -160
135 : #25412c : -150
145 : #254131 : -140
155 : #254135 : -130
165 : #25413a : -120
175 : #25413e : -110
185 : #253e41 : -100
195 : #253a41 : -90
205 : #253541 : -80
215 : #253141 : -70
225 : #252c41 : -60
235 : #252841 : -50
245 : #282541 : -40
255 : #2c2541 : -30
265 : #312541 : -20
275 : #352541 : -10
285 : #3a2541 : ±0
295 : #3e2541 : +10
305 : #41253e : +20
315 : #41253a : +30
325 : #412535 : +40
335 : #412531 : +50
345 : #41252c : +60
355 : #412528 : +70
275 : #352541 : -10
276 : #362541 : -9
277 : #362541 : -8
278 : #372541 : -7
279 : #372541 : -6
280 : #382541 : -5
281 : #382541 : -4
282 : #392541 : -3
283 : #392541 : -2
284 : #392541 : -1
285 : #3a2541 : ±0
286 : #3a2541 : +1
287 : #3b2541 : +2
288 : #3b2541 : +3
289 : #3c2541 : +4
290 : #3c2541 : +5
291 : #3d2541 : +6
292 : #3d2541 : +7
293 : #3e2541 : +8
294 : #3e2541 : +9
295 : #3e2541 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #333234 : -26
3 : #343135 : -24
5 : #343036 : -22
7 : #352f37 : -20
9 : #352e38 : -18
11 : #362d39 : -16
13 : #362c3a : -14
15 : #372b3b : -12
17 : #372a3c : -10
19 : #38293d : -8
21 : #38283e : -6
23 : #39273f : -4
25 : #392640 : -2
27 : #3a2541 : ±0
29 : #3a2442 : +2
31 : #3b2343 : +4
33 : #3b2244 : +6
35 : #3c2145 : +8
37 : #3c2046 : +10
39 : #3d1f47 : +12
41 : #3d1e48 : +14
43 : #3e1d49 : +16
45 : #3e1c4a : +18
47 : #3f1b4b : +20
49 : #3f1a4c : +22
51 : #40194d : +24
53 : #41184e : +26
55 : #41174f : +28
57 : #421650 : +30
59 : #421551 : +32
61 : #431452 : +34
63 : #431353 : +36
65 : #441254 : +38
67 : #441155 : +40
69 : #451056 : +42
71 : #450f57 : +44
73 : #460e58 : +46
75 : #460d59 : +48
77 : #470c5a : +50
79 : #470b5b : +52
81 : #480a5c : +54
83 : #48095d : +56
85 : #49085e : +58
87 : #49075f : +60
89 : #4a0660 : +62
91 : #4a0561 : +64
93 : #4b0462 : +66
95 : #4b0363 : +68
97 : #4c0264 : +70
99 : #4c0165 : +72
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #060406 : -18
4 : #0c070d : -16
6 : #110b13 : -14
8 : #170f1a : -12
10 : #1d1320 : -10
12 : #231627 : -8
14 : #291a2d : -6
16 : #2e1e34 : -4
18 : #34223a : -2
20 : #3a2541 : ±0
22 : #402947 : +2
24 : #452d4e : +4
26 : #4b3054 : +6
28 : #51345b : +8
30 : #573861 : +10
32 : #5d3c68 : +12
34 : #623f6e : +14
36 : #684375 : +16
38 : #6e477b : +18
40 : #744a82 : +20
42 : #7a4e88 : +22
44 : #7f528e : +24
46 : #855695 : +26
48 : #8b599b : +28
50 : #915da2 : +30
52 : #9564a6 : +32
54 : #9a6aa9 : +34
56 : #9e71ad : +36
58 : #a277b1 : +38
60 : #a77db5 : +40
62 : #ab84b8 : +42
64 : #b08abc : +44
66 : #b491c0 : +46
68 : #b897c3 : +48
70 : #bd9ec7 : +50
72 : #c1a4cb : +52
74 : #c6abcf : +54
76 : #cab1d2 : +56
78 : #ceb8d6 : +58
80 : #d3beda : +60
82 : #d7c5dd : +62
84 : #dccbe1 : +64
86 : #e0d2e5 : +66
88 : #e5d8e9 : +68
90 : #e9dfec : +70
92 : #ede5f0 : +72
94 : #f2ecf4 : +74
96 : #f6f2f8 : +76
98 : #fbf9fb : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow