#3d1e43
RGB ( 赤 = 61, 緑 = 30, 青 = 67 )
HSL ( 色相 = 290°, 彩度 = 38%, 明度 = 19% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #431e1e : -290
10 : #43241e : -280
20 : #432a1e : -270
30 : #43301e : -260
40 : #43371e : -250
50 : #433d1e : -240
60 : #43431e : -230
70 : #3d431e : -220
80 : #37431e : -210
90 : #30431e : -200
100 : #2a431e : -190
110 : #24431e : -180
120 : #1e431e : -170
130 : #1e4324 : -160
140 : #1e432a : -150
150 : #1e4330 : -140
160 : #1e4337 : -130
170 : #1e433d : -120
180 : #1e4343 : -110
190 : #1e3d43 : -100
200 : #1e3743 : -90
210 : #1e3043 : -80
220 : #1e2a43 : -70
230 : #1e2443 : -60
240 : #1e1e43 : -50
250 : #241e43 : -40
260 : #2a1e43 : -30
270 : #301e43 : -20
280 : #371e43 : -10
290 : #3d1e43 : ±0
300 : #431e43 : +10
310 : #431e3d : +20
320 : #431e37 : +30
330 : #431e30 : +40
340 : #431e2a : +50
350 : #431e24 : +60
280 : #371e43 : -10
281 : #371e43 : -9
282 : #381e43 : -8
283 : #381e43 : -7
284 : #391e43 : -6
285 : #3a1e43 : -5
286 : #3a1e43 : -4
287 : #3b1e43 : -3
288 : #3b1e43 : -2
289 : #3c1e43 : -1
290 : #3d1e43 : ±0
291 : #3d1e43 : +1
292 : #3e1e43 : +2
293 : #3f1e43 : +3
294 : #3f1e43 : +4
295 : #401e43 : +5
296 : #401e43 : +6
297 : #411e43 : +7
298 : #421e43 : +8
299 : #421e43 : +9
300 : #431e43 : +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 : #362938 : -22
18 : #362839 : -20
20 : #37273a : -18
22 : #38263b : -16
24 : #38253c : -14
26 : #39243d : -12
28 : #39233e : -10
30 : #3a223f : -8
32 : #3b2140 : -6
34 : #3b2041 : -4
36 : #3c1f42 : -2
38 : #3d1e43 : ±0
40 : #3d1d44 : +2
42 : #3e1c45 : +4
44 : #3f1b46 : +6
46 : #3f1a47 : +8
48 : #401948 : +10
50 : #411849 : +12
52 : #41174a : +14
54 : #42164b : +16
56 : #43154c : +18
58 : #43144d : +20
60 : #44134e : +22
62 : #44124e : +24
64 : #45114f : +26
66 : #461050 : +28
68 : #461051 : +30
70 : #470f52 : +32
72 : #480e53 : +34
74 : #480d54 : +36
76 : #490c55 : +38
78 : #4a0b56 : +40
80 : #4a0a57 : +42
82 : #4b0958 : +44
84 : #4c0859 : +46
86 : #4c075a : +48
88 : #4d065b : +50
90 : #4e055c : +52
92 : #4e045d : +54
94 : #4f035e : +56
96 : #4f025f : +58
98 : #500160 : +60
100 : #510061 : +62
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030204 : -18
3 : #0a050b : -16
5 : #100812 : -14
7 : #160b19 : -12
9 : #1d0e20 : -10
11 : #231127 : -8
13 : #2a152e : -6
15 : #301835 : -4
17 : #361b3c : -2
19 : #3d1e43 : ±0
21 : #43214a : +2
23 : #4a2451 : +4
25 : #502858 : +6
27 : #562b5f : +8
29 : #5d2e66 : +10
31 : #63316d : +12
33 : #693474 : +14
35 : #70377b : +16
37 : #763a82 : +18
39 : #7d3e89 : +20
41 : #834190 : +22
43 : #894497 : +24
45 : #90479e : +26
47 : #964aa5 : +28
49 : #9d4dac : +30
51 : #a253b2 : +32
53 : #a65ab5 : +34
55 : #a961b8 : +36
57 : #ad68bb : +38
59 : #b16fbe : +40
61 : #b576c1 : +42
63 : #b97dc5 : +44
65 : #bc84c8 : +46
67 : #c08bcb : +48
69 : #c492ce : +50
71 : #c899d1 : +52
73 : #cca0d4 : +54
75 : #cfa7d7 : +56
77 : #d3aedb : +58
79 : #d7b5de : +60
81 : #dbbce1 : +62
83 : #dfc3e4 : +64
85 : #e2cae7 : +66
87 : #e6d1ea : +68
89 : #ead8ee : +70
91 : #eedff1 : +72
93 : #f2e6f4 : +74
95 : #f5edf7 : +76
97 : #f9f4fa : +78
99 : #fdfbfd : +80
CSS入門、作ってます。
text-shadow