#3c2140
RGB ( 赤 = 60, 緑 = 33, 青 = 64 )
HSL ( 色相 = 292°, 彩度 = 32%, 明度 = 19% )
H : 色相 ( 292° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #402221 : -290
12 : #402721 : -280
22 : #402c21 : -270
32 : #403121 : -260
42 : #403721 : -250
52 : #403c21 : -240
62 : #3f4021 : -230
72 : #3a4021 : -220
82 : #354021 : -210
92 : #2f4021 : -200
102 : #2a4021 : -190
112 : #254021 : -180
122 : #214022 : -170
132 : #214027 : -160
142 : #21402c : -150
152 : #214031 : -140
162 : #214037 : -130
172 : #21403c : -120
182 : #213f40 : -110
192 : #213a40 : -100
202 : #213540 : -90
212 : #212f40 : -80
222 : #212a40 : -70
232 : #212540 : -60
242 : #222140 : -50
252 : #272140 : -40
262 : #2c2140 : -30
272 : #312140 : -20
282 : #372140 : -10
292 : #3c2140 : ±0
302 : #40213f : +10
312 : #40213a : +20
322 : #402135 : +30
332 : #40212f : +40
342 : #40212a : +50
352 : #402125 : +60
282 : #372140 : -10
283 : #372140 : -9
284 : #382140 : -8
285 : #382140 : -7
286 : #392140 : -6
287 : #392140 : -5
288 : #3a2140 : -4
289 : #3a2140 : -3
290 : #3b2140 : -2
291 : #3b2140 : -1
292 : #3c2140 : ±0
293 : #3c2140 : +1
294 : #3d2140 : +2
295 : #3d2140 : +3
296 : #3e2140 : +4
297 : #3e2140 : +5
298 : #3f2140 : +6
299 : #3f2140 : +7
300 : #402140 : +8
301 : #40213f : +9
302 : #40213f : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -32
2 : #312f31 : -30
4 : #322f32 : -28
6 : #332e33 : -26
8 : #332d34 : -24
10 : #342c35 : -22
12 : #352b36 : -20
14 : #352a37 : -18
16 : #362938 : -16
18 : #372839 : -14
20 : #38273a : -12
22 : #38263b : -10
24 : #39253c : -8
26 : #3a243d : -6
28 : #3a233e : -4
30 : #3b223f : -2
32 : #3c2140 : ±0
34 : #3d2041 : +2
36 : #3d1f42 : +4
38 : #3e1e43 : +6
40 : #3f1d44 : +8
42 : #3f1c45 : +10
44 : #401b46 : +12
46 : #411a47 : +14
48 : #421948 : +16
50 : #421849 : +18
52 : #43174a : +20
54 : #44164b : +22
56 : #44154c : +24
58 : #45144d : +26
60 : #46134e : +28
62 : #46124e : +30
64 : #47114f : +32
66 : #481050 : +34
68 : #491051 : +36
70 : #490f52 : +38
72 : #4a0e53 : +40
74 : #4b0d54 : +42
76 : #4b0c55 : +44
78 : #4c0b56 : +46
80 : #4d0a57 : +48
82 : #4e0958 : +50
84 : #4e0859 : +52
86 : #4f075a : +54
88 : #50065b : +56
90 : #50055c : +58
92 : #51045d : +60
94 : #52035e : +62
96 : #53025f : +64
98 : #530160 : +66
100 : #540061 : +68
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -18
3 : #09050a : -16
5 : #100911 : -14
7 : #160c18 : -12
9 : #1c101e : -10
11 : #231325 : -8
13 : #29172c : -6
15 : #2f1a32 : -4
17 : #361d39 : -2
19 : #3c2140 : ±0
21 : #422447 : +2
23 : #48284d : +4
25 : #4f2b54 : +6
27 : #552f5b : +8
29 : #5b3262 : +10
31 : #623668 : +12
33 : #68396f : +14
35 : #6e3d76 : +16
37 : #74407d : +18
39 : #7b4483 : +20
41 : #81478a : +22
43 : #874b91 : +24
45 : #8e4e97 : +26
47 : #94519e : +28
49 : #9a55a5 : +30
51 : #9f5aaa : +32
53 : #a361ae : +34
55 : #a768b1 : +36
57 : #ab6eb4 : +38
59 : #af75b8 : +40
61 : #b37cbb : +42
63 : #b782bf : +44
65 : #bb89c2 : +46
67 : #bf90c6 : +48
69 : #c397c9 : +50
71 : #c69dcd : +52
73 : #caa4d0 : +54
75 : #ceabd4 : +56
77 : #d2b2d7 : +58
79 : #d6b8db : +60
81 : #dabfde : +62
83 : #dec6e2 : +64
85 : #e2cde5 : +66
87 : #e6d3e8 : +68
89 : #eadaec : +70
91 : #ede1ef : +72
93 : #f1e7f3 : +74
95 : #f5eef6 : +76
97 : #f9f5fa : +78
99 : #fdfcfd : +80
CSS入門、作ってます。
text-shadow