#3a1324
RGB ( 赤 = 58, 緑 = 19, 青 = 36 )
HSL ( 色相 = 334°, 彩度 = 51%, 明度 = 15% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #3a1513 : -330
14 : #3a1c13 : -320
24 : #3a2213 : -310
34 : #3a2913 : -300
44 : #3a2f13 : -290
54 : #3a3613 : -280
64 : #373a13 : -270
74 : #313a13 : -260
84 : #2a3a13 : -250
94 : #243a13 : -240
104 : #1d3a13 : -230
114 : #173a13 : -220
124 : #133a15 : -210
134 : #133a1c : -200
144 : #133a22 : -190
154 : #133a29 : -180
164 : #133a2f : -170
174 : #133a36 : -160
184 : #13373a : -150
194 : #13313a : -140
204 : #132a3a : -130
214 : #13243a : -120
224 : #131d3a : -110
234 : #13173a : -100
244 : #15133a : -90
254 : #1c133a : -80
264 : #22133a : -70
274 : #29133a : -60
284 : #2f133a : -50
294 : #36133a : -40
304 : #3a1337 : -30
314 : #3a1331 : -20
324 : #3a132a : -10
334 : #3a1324 : ±0
344 : #3a131d : +10
354 : #3a1317 : +20
324 : #3a132a : -10
325 : #3a132a : -9
326 : #3a1329 : -8
327 : #3a1328 : -7
328 : #3a1328 : -6
329 : #3a1327 : -5
330 : #3a1326 : -4
331 : #3a1326 : -3
332 : #3a1325 : -2
333 : #3a1324 : -1
334 : #3a1324 : ±0
335 : #3a1323 : +1
336 : #3a1322 : +2
337 : #3a1322 : +3
338 : #3a1321 : +4
339 : #3a1320 : +5
340 : #3a1320 : +6
341 : #3a131f : +7
342 : #3a131e : +8
343 : #3a131e : +9
344 : #3a131d : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -50
3 : #272526 : -48
5 : #282426 : -46
7 : #292426 : -44
9 : #2a2326 : -42
11 : #2a2226 : -40
13 : #2b2126 : -38
15 : #2c2125 : -36
17 : #2d2025 : -34
19 : #2e1f25 : -32
21 : #2e1e25 : -30
23 : #2f1d25 : -28
25 : #301d25 : -26
27 : #311c25 : -24
29 : #311b25 : -22
31 : #321a25 : -20
33 : #331a25 : -18
35 : #341924 : -16
37 : #341824 : -14
39 : #351724 : -12
41 : #361724 : -10
43 : #371624 : -8
45 : #371524 : -6
47 : #381424 : -4
49 : #391424 : -2
51 : #3a1324 : ±0
53 : #3b1224 : +2
55 : #3b1123 : +4
57 : #3c1023 : +6
59 : #3d1023 : +8
61 : #3e0f23 : +10
63 : #3e0e23 : +12
65 : #3f0d23 : +14
67 : #400d23 : +16
69 : #410c23 : +18
71 : #410b23 : +20
73 : #420a23 : +22
75 : #430a22 : +24
77 : #440922 : +26
79 : #440822 : +28
81 : #450722 : +30
83 : #460722 : +32
85 : #470622 : +34
87 : #480522 : +36
89 : #480422 : +38
91 : #490322 : +40
93 : #4a0322 : +42
95 : #4b0221 : +44
97 : #4b0121 : +46
99 : #4c0021 : +48
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -14
3 : #0c0407 : -12
5 : #13060c : -10
7 : #1b0911 : -8
9 : #230b15 : -6
11 : #2a0e1a : -4
13 : #32101f : -2
15 : #3a1324 : ±0
17 : #411528 : +2
19 : #49182d : +4
21 : #511a32 : +6
23 : #591d37 : +8
25 : #601f3b : +10
27 : #682240 : +12
29 : #702445 : +14
31 : #77274a : +16
33 : #7f294e : +18
35 : #872c53 : +20
37 : #8e2e58 : +22
39 : #96315d : +24
41 : #9e3361 : +26
43 : #a63666 : +28
45 : #ad386b : +30
47 : #b53b70 : +32
49 : #bd3d74 : +34
51 : #c2427a : +36
53 : #c44a7f : +38
55 : #c75284 : +40
57 : #c9598a : +42
59 : #cc618f : +44
61 : #ce6995 : +46
63 : #d1719a : +48
65 : #d378a0 : +50
67 : #d680a5 : +52
69 : #d888ab : +54
71 : #db8fb0 : +56
73 : #dd97b5 : +58
75 : #e09fbb : +60
77 : #e2a6c0 : +62
79 : #e5aec6 : +64
81 : #e7b6cb : +66
83 : #eabed1 : +68
85 : #ecc5d6 : +70
87 : #efcddc : +72
89 : #f1d5e1 : +74
91 : #f4dce6 : +76
93 : #f6e4ec : +78
95 : #f9ecf1 : +80
97 : #fbf3f7 : +82
99 : #fefbfc : +84
CSS入門、作ってます。
text-shadow