#3f2744
RGB ( 赤 = 63, 緑 = 39, 青 = 68 )
HSL ( 色相 = 290°, 彩度 = 27%, 明度 = 21% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #442727 : -290
10 : #442c27 : -280
20 : #443127 : -270
30 : #443627 : -260
40 : #443a27 : -250
50 : #443f27 : -240
60 : #444427 : -230
70 : #3f4427 : -220
80 : #3a4427 : -210
90 : #364427 : -200
100 : #314427 : -190
110 : #2c4427 : -180
120 : #274427 : -170
130 : #27442c : -160
140 : #274431 : -150
150 : #274436 : -140
160 : #27443a : -130
170 : #27443f : -120
180 : #274444 : -110
190 : #273f44 : -100
200 : #273a44 : -90
210 : #273644 : -80
220 : #273144 : -70
230 : #272c44 : -60
240 : #272744 : -50
250 : #2c2744 : -40
260 : #312744 : -30
270 : #362744 : -20
280 : #3a2744 : -10
290 : #3f2744 : ±0
300 : #442744 : +10
310 : #44273f : +20
320 : #44273a : +30
330 : #442736 : +40
340 : #442731 : +50
350 : #44272c : +60
280 : #3a2744 : -10
281 : #3b2744 : -9
282 : #3b2744 : -8
283 : #3c2744 : -7
284 : #3c2744 : -6
285 : #3d2744 : -5
286 : #3d2744 : -4
287 : #3e2744 : -3
288 : #3e2744 : -2
289 : #3f2744 : -1
290 : #3f2744 : ±0
291 : #402744 : +1
292 : #402744 : +2
293 : #412744 : +3
294 : #412744 : +4
295 : #422744 : +5
296 : #422744 : +6
297 : #432744 : +7
298 : #432744 : +8
299 : #442744 : +9
300 : #442744 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -26
3 : #373437 : -24
5 : #373338 : -22
7 : #383239 : -20
9 : #39313a : -18
11 : #39303b : -16
13 : #3a2f3d : -14
15 : #3b2e3e : -12
17 : #3c2c3f : -10
19 : #3c2b40 : -8
21 : #3d2a41 : -6
23 : #3e2942 : -4
25 : #3e2843 : -2
27 : #3f2744 : ±0
29 : #402645 : +2
31 : #412546 : +4
33 : #412447 : +6
35 : #422348 : +8
37 : #432249 : +10
39 : #43214a : +12
41 : #44204c : +14
43 : #451f4d : +16
45 : #461d4e : +18
47 : #461c4f : +20
49 : #471b50 : +22
51 : #481a51 : +24
53 : #481952 : +26
55 : #491853 : +28
57 : #4a1754 : +30
59 : #4b1655 : +32
61 : #4b1556 : +34
63 : #4c1457 : +36
65 : #4d1358 : +38
67 : #4d1259 : +40
69 : #4e115a : +42
71 : #4f105c : +44
73 : #500e5d : +46
75 : #500d5e : +48
77 : #510c5f : +50
79 : #520b60 : +52
81 : #520a61 : +54
83 : #530962 : +56
85 : #540863 : +58
87 : #550764 : +60
89 : #550665 : +62
91 : #560566 : +64
93 : #570467 : +66
95 : #570368 : +68
97 : #580269 : +70
99 : #59016b : +72
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -20
3 : #09060a : -18
5 : #0f0910 : -16
7 : #150d17 : -14
9 : #1b111d : -12
11 : #211424 : -10
13 : #27182a : -8
15 : #2d1c31 : -6
17 : #332037 : -4
19 : #39233e : -2
21 : #3f2744 : ±0
23 : #452b4a : +2
25 : #4b2f51 : +4
27 : #513257 : +6
29 : #57365e : +8
31 : #5d3a64 : +10
33 : #633d6b : +12
35 : #694171 : +14
37 : #6f4578 : +16
39 : #75497e : +18
41 : #7b4c85 : +20
43 : #81508b : +22
45 : #875492 : +24
47 : #8d5798 : +26
49 : #935b9f : +28
51 : #9960a4 : +30
53 : #9d67a8 : +32
55 : #a16dab : +34
57 : #a574af : +36
59 : #a97ab3 : +38
61 : #ad81b6 : +40
63 : #b287ba : +42
65 : #b68ebe : +44
67 : #ba94c2 : +46
69 : #be9bc5 : +48
71 : #c2a1c9 : +50
73 : #c7a8cd : +52
75 : #cbaed0 : +54
77 : #cfb5d4 : +56
79 : #d3bbd8 : +58
81 : #d7c1dc : +60
83 : #dbc8df : +62
85 : #e0cee3 : +64
87 : #e4d5e7 : +66
89 : #e8dbeb : +68
91 : #ece2ee : +70
93 : #f0e8f2 : +72
95 : #f5eff6 : +74
97 : #f9f5f9 : +76
99 : #fdfcfd : +78
CSS入門、作ってます。
text-shadow