#3c1e43
RGB ( 赤 = 60, 緑 = 30, 青 = 67 )
HSL ( 色相 = 289°, 彩度 = 38%, 明度 = 19% )
H : 色相 ( 289° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #43241e : -280
19 : #432a1e : -270
29 : #43301e : -260
39 : #43361e : -250
49 : #433c1e : -240
59 : #43421e : -230
69 : #3d431e : -220
79 : #37431e : -210
89 : #31431e : -200
99 : #2b431e : -190
109 : #25431e : -180
119 : #1f431e : -170
129 : #1e4324 : -160
139 : #1e432a : -150
149 : #1e4330 : -140
159 : #1e4336 : -130
169 : #1e433c : -120
179 : #1e4342 : -110
189 : #1e3d43 : -100
199 : #1e3743 : -90
209 : #1e3143 : -80
219 : #1e2b43 : -70
229 : #1e2543 : -60
239 : #1e1f43 : -50
249 : #241e43 : -40
259 : #2a1e43 : -30
269 : #301e43 : -20
279 : #361e43 : -10
289 : #3c1e43 : ±0
299 : #421e43 : +10
309 : #431e3d : +20
319 : #431e37 : +30
329 : #431e31 : +40
339 : #431e2b : +50
349 : #431e25 : +60
359 : #431e1f : +70
279 : #361e43 : -10
280 : #371e43 : -9
281 : #371e43 : -8
282 : #381e43 : -7
283 : #381e43 : -6
284 : #391e43 : -5
285 : #3a1e43 : -4
286 : #3a1e43 : -3
287 : #3b1e43 : -2
288 : #3b1e43 : -1
289 : #3c1e43 : ±0
290 : #3d1e43 : +1
291 : #3d1e43 : +2
292 : #3e1e43 : +3
293 : #3f1e43 : +4
294 : #3f1e43 : +5
295 : #401e43 : +6
296 : #401e43 : +7
297 : #411e43 : +8
298 : #421e43 : +9
299 : #421e43 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -38
2 : #312f31 : -36
4 : #322f32 : -34
6 : #322e33 : -32
8 : #332d34 : -30
10 : #342c35 : -28
12 : #342b36 : -26
14 : #352a37 : -24
16 : #352938 : -22
18 : #362839 : -20
20 : #37273a : -18
22 : #37263b : -16
24 : #38253c : -14
26 : #38243d : -12
28 : #39233e : -10
30 : #3a223f : -8
32 : #3a2140 : -6
34 : #3b2041 : -4
36 : #3b1f42 : -2
38 : #3c1e43 : ±0
40 : #3d1d44 : +2
42 : #3d1c45 : +4
44 : #3e1b46 : +6
46 : #3f1a47 : +8
48 : #3f1948 : +10
50 : #401849 : +12
52 : #40174a : +14
54 : #41164b : +16
56 : #42154c : +18
58 : #42144d : +20
60 : #43134e : +22
62 : #43124e : +24
64 : #44114f : +26
66 : #451050 : +28
68 : #451051 : +30
70 : #460f52 : +32
72 : #470e53 : +34
74 : #470d54 : +36
76 : #480c55 : +38
78 : #480b56 : +40
80 : #490a57 : +42
82 : #4a0958 : +44
84 : #4a0859 : +46
86 : #4b075a : +48
88 : #4b065b : +50
90 : #4c055c : +52
92 : #4d045d : +54
94 : #4d035e : +56
96 : #4e025f : +58
98 : #4f0160 : +60
100 : #4f0061 : +62
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030204 : -18
3 : #09050b : -16
5 : #100812 : -14
7 : #160b19 : -12
9 : #1c0e20 : -10
11 : #231127 : -8
13 : #29152e : -6
15 : #2f1835 : -4
17 : #361b3c : -2
19 : #3c1e43 : ±0
21 : #42214a : +2
23 : #492451 : +4
25 : #4f2858 : +6
27 : #552b5f : +8
29 : #5c2e66 : +10
31 : #62316d : +12
33 : #683474 : +14
35 : #6f377b : +16
37 : #753a82 : +18
39 : #7b3e89 : +20
41 : #824190 : +22
43 : #884497 : +24
45 : #8e479e : +26
47 : #954aa5 : +28
49 : #9b4dac : +30
51 : #a053b2 : +32
53 : #a45ab5 : +34
55 : #a861b8 : +36
57 : #ac68bb : +38
59 : #b06fbe : +40
61 : #b376c1 : +42
63 : #b77dc5 : +44
65 : #bb84c8 : +46
67 : #bf8bcb : +48
69 : #c392ce : +50
71 : #c799d1 : +52
73 : #cba0d4 : +54
75 : #cfa7d7 : +56
77 : #d2aedb : +58
79 : #d6b5de : +60
81 : #dabce1 : +62
83 : #dec3e4 : +64
85 : #e2cae7 : +66
87 : #e6d1ea : +68
89 : #ead8ee : +70
91 : #eedff1 : +72
93 : #f1e6f4 : +74
95 : #f5edf7 : +76
97 : #f9f4fa : +78
99 : #fdfbfd : +80
CSS入門、作ってます。
text-shadow