#3a1b3c
RGB ( 赤 = 58, 緑 = 27, 青 = 60 )
HSL ( 色相 = 296°, 彩度 = 38%, 明度 = 17% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #3c1e1b : -290
16 : #3c241b : -280
26 : #3c291b : -270
36 : #3c2f1b : -260
46 : #3c341b : -250
56 : #3c3a1b : -240
66 : #393c1b : -230
76 : #333c1b : -220
86 : #2e3c1b : -210
96 : #283c1b : -200
106 : #233c1b : -190
116 : #1d3c1b : -180
126 : #1b3c1e : -170
136 : #1b3c24 : -160
146 : #1b3c29 : -150
156 : #1b3c2f : -140
166 : #1b3c34 : -130
176 : #1b3c3a : -120
186 : #1b393c : -110
196 : #1b333c : -100
206 : #1b2e3c : -90
216 : #1b283c : -80
226 : #1b233c : -70
236 : #1b1d3c : -60
246 : #1e1b3c : -50
256 : #241b3c : -40
266 : #291b3c : -30
276 : #2f1b3c : -20
286 : #341b3c : -10
296 : #3a1b3c : ±0
306 : #3c1b39 : +10
316 : #3c1b33 : +20
326 : #3c1b2e : +30
336 : #3c1b28 : +40
346 : #3c1b23 : +50
356 : #3c1b1d : +60
286 : #341b3c : -10
287 : #351b3c : -9
288 : #351b3c : -8
289 : #361b3c : -7
290 : #361b3c : -6
291 : #371b3c : -5
292 : #371b3c : -4
293 : #381b3c : -3
294 : #391b3c : -2
295 : #391b3c : -1
296 : #3a1b3c : ±0
297 : #3a1b3c : +1
298 : #3b1b3c : +2
299 : #3b1b3c : +3
300 : #3c1b3c : +4
301 : #3c1b3b : +5
302 : #3c1b3b : +6
303 : #3c1b3a : +7
304 : #3c1b3a : +8
305 : #3c1b39 : +9
306 : #3c1b39 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -38
2 : #2c2a2c : -36
4 : #2d2a2d : -34
6 : #2e292e : -32
8 : #2e282f : -30
10 : #2f2730 : -28
12 : #302631 : -26
14 : #312531 : -24
16 : #312432 : -22
18 : #322433 : -20
20 : #332334 : -18
22 : #342235 : -16
24 : #342136 : -14
26 : #352037 : -12
28 : #361f37 : -10
30 : #371e38 : -8
32 : #371d39 : -6
34 : #381d3a : -4
36 : #391c3b : -2
38 : #3a1b3c : ±0
40 : #3a1a3d : +2
42 : #3b193e : +4
44 : #3c183e : +6
46 : #3d173f : +8
48 : #3d1740 : +10
50 : #3e1641 : +12
52 : #3f1542 : +14
54 : #401443 : +16
56 : #401344 : +18
58 : #411244 : +20
60 : #421145 : +22
62 : #431046 : +24
64 : #431047 : +26
66 : #440f48 : +28
68 : #450e49 : +30
70 : #460d4a : +32
72 : #460c4b : +34
74 : #470b4b : +36
76 : #480a4c : +38
78 : #490a4d : +40
80 : #49094e : +42
82 : #4a084f : +44
84 : #4b0750 : +46
86 : #4c0651 : +48
88 : #4c0551 : +50
90 : #4d0452 : +52
92 : #4e0353 : +54
94 : #4f0354 : +56
96 : #4f0255 : +58
98 : #500156 : +60
100 : #510057 : +62
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030204 : -16
3 : #0a050b : -14
5 : #110812 : -12
7 : #180b19 : -10
9 : #1f0e20 : -8
11 : #251127 : -6
13 : #2c152e : -4
15 : #331835 : -2
17 : #3a1b3c : ±0
19 : #401e43 : +2
21 : #47214a : +4
23 : #4e2451 : +6
25 : #552858 : +8
27 : #5c2b5f : +10
29 : #622e66 : +12
31 : #69316d : +14
33 : #703474 : +16
35 : #77377b : +18
37 : #7d3a82 : +20
39 : #843e89 : +22
41 : #8b4190 : +24
43 : #924497 : +26
45 : #99479e : +28
47 : #9f4aa5 : +30
49 : #a64dac : +32
51 : #ab53b2 : +34
53 : #af5ab5 : +36
55 : #b261b8 : +38
57 : #b568bb : +40
59 : #b96fbe : +42
61 : #bc76c1 : +44
63 : #c07dc5 : +46
65 : #c384c8 : +48
67 : #c78bcb : +50
69 : #ca92ce : +52
71 : #cd99d1 : +54
73 : #d1a0d4 : +56
75 : #d4a7d7 : +58
77 : #d8aedb : +60
79 : #dbb5de : +62
81 : #dfbce1 : +64
83 : #e2c3e4 : +66
85 : #e5cae7 : +68
87 : #e9d1ea : +70
89 : #ecd8ee : +72
91 : #f0dff1 : +74
93 : #f3e6f4 : +76
95 : #f6edf7 : +78
97 : #faf4fa : +80
99 : #fdfbfd : +82
CSS入門、作ってます。
text-shadow