#3a1228
RGB ( 赤 = 58, 緑 = 18, 青 = 40 )
HSL ( 色相 = 327°, 彩度 = 53%, 明度 = 15% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #3b1712 : -320
17 : #3b1d12 : -310
27 : #3b2412 : -300
37 : #3b2b12 : -290
47 : #3b3212 : -280
57 : #3b3812 : -270
67 : #363b12 : -260
77 : #2f3b12 : -250
87 : #283b12 : -240
97 : #223b12 : -230
107 : #1b3b12 : -220
117 : #143b12 : -210
127 : #123b17 : -200
137 : #123b1d : -190
147 : #123b24 : -180
157 : #123b2b : -170
167 : #123b32 : -160
177 : #123b38 : -150
187 : #12363b : -140
197 : #122f3b : -130
207 : #12283b : -120
217 : #12223b : -110
227 : #121b3b : -100
237 : #12143b : -90
247 : #17123b : -80
257 : #1d123b : -70
267 : #24123b : -60
277 : #2b123b : -50
287 : #32123b : -40
297 : #38123b : -30
307 : #3b1236 : -20
317 : #3b122f : -10
327 : #3b1228 : ±0
337 : #3b1222 : +10
347 : #3b121b : +20
357 : #3b1214 : +30
317 : #3b122f : -10
318 : #3b122e : -9
319 : #3b122e : -8
320 : #3b122d : -7
321 : #3b122c : -6
322 : #3b122c : -5
323 : #3b122b : -4
324 : #3b122a : -3
325 : #3b122a : -2
326 : #3b1229 : -1
327 : #3b1228 : ±0
328 : #3b1228 : +1
329 : #3b1227 : +2
330 : #3b1226 : +3
331 : #3b1226 : +4
332 : #3b1225 : +5
333 : #3b1224 : +6
334 : #3b1224 : +7
335 : #3b1223 : +8
336 : #3b1222 : +9
337 : #3b1222 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -52
3 : #272526 : -50
5 : #282426 : -48
7 : #292427 : -46
9 : #2a2327 : -44
11 : #2a2227 : -42
13 : #2b2127 : -40
15 : #2c2127 : -38
17 : #2d2027 : -36
19 : #2e1f27 : -34
21 : #2e1e27 : -32
23 : #2f1d27 : -30
25 : #301d27 : -28
27 : #311c27 : -26
29 : #311b27 : -24
31 : #321a27 : -22
33 : #331a28 : -20
35 : #341928 : -18
37 : #341828 : -16
39 : #351728 : -14
41 : #361728 : -12
43 : #371628 : -10
45 : #371528 : -8
47 : #381428 : -6
49 : #391428 : -4
51 : #3a1328 : -2
53 : #3b1228 : ±0
55 : #3b1128 : +2
57 : #3c1028 : +4
59 : #3d1029 : +6
61 : #3e0f29 : +8
63 : #3e0e29 : +10
65 : #3f0d29 : +12
67 : #400d29 : +14
69 : #410c29 : +16
71 : #410b29 : +18
73 : #420a29 : +20
75 : #430a29 : +22
77 : #440929 : +24
79 : #440829 : +26
81 : #450729 : +28
83 : #460729 : +30
85 : #47062a : +32
87 : #48052a : +34
89 : #48042a : +36
91 : #49032a : +38
93 : #4a032a : +40
95 : #4b022a : +42
97 : #4b012a : +44
99 : #4c002a : +46
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -14
3 : #0c0408 : -12
5 : #14060d : -10
7 : #1b0813 : -8
9 : #230b18 : -6
11 : #2b0d1e : -4
13 : #331023 : -2
15 : #3b1228 : ±0
17 : #42142e : +2
19 : #4a1733 : +4
21 : #521938 : +6
23 : #5a1c3e : +8
25 : #621e43 : +10
27 : #692048 : +12
29 : #71234e : +14
31 : #792553 : +16
33 : #812859 : +18
35 : #892a5e : +20
37 : #902c63 : +22
39 : #982f69 : +24
41 : #a0316e : +26
43 : #a83473 : +28
45 : #b03679 : +30
47 : #b7387e : +32
49 : #bf3b84 : +34
51 : #c44089 : +36
53 : #c7488e : +38
55 : #c94f92 : +40
57 : #cb5797 : +42
59 : #ce5f9c : +44
61 : #d067a1 : +46
63 : #d36fa6 : +48
65 : #d576aa : +50
67 : #d77eaf : +52
69 : #da86b4 : +54
71 : #dc8eb9 : +56
73 : #df96be : +58
75 : #e19dc3 : +60
77 : #e3a5c7 : +62
79 : #e6adcc : +64
81 : #e8b5d1 : +66
83 : #ebbdd6 : +68
85 : #edc4db : +70
87 : #efcce0 : +72
89 : #f2d4e4 : +74
91 : #f4dce9 : +76
93 : #f7e4ee : +78
95 : #f9ebf3 : +80
97 : #fbf3f8 : +82
99 : #fefbfd : +84
CSS入門、作ってます。
text-shadow