#4c244c
RGB ( 赤 = 76, 緑 = 36, 青 = 76 )
HSL ( 色相 = 300°, 彩度 = 36%, 明度 = 22% )
H : 色相 ( 300° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4c2424 : -300
10 : #4c2b24 : -290
20 : #4c3124 : -280
30 : #4c3824 : -270
40 : #4c3f24 : -260
50 : #4c4624 : -250
60 : #4c4c24 : -240
70 : #464c24 : -230
80 : #3f4c24 : -220
90 : #384c24 : -210
100 : #314c24 : -200
110 : #2b4c24 : -190
120 : #244c24 : -180
130 : #244c2b : -170
140 : #244c31 : -160
150 : #244c38 : -150
160 : #244c3f : -140
170 : #244c46 : -130
180 : #244c4c : -120
190 : #24464c : -110
200 : #243f4c : -100
210 : #24384c : -90
220 : #24314c : -80
230 : #242b4c : -70
240 : #24244c : -60
250 : #2b244c : -50
260 : #31244c : -40
270 : #38244c : -30
280 : #3f244c : -20
290 : #46244c : -10
300 : #4c244c : ±0
310 : #4c2446 : +10
320 : #4c243f : +20
330 : #4c2438 : +30
340 : #4c2431 : +40
350 : #4c242b : +50
290 : #46244c : -10
291 : #46244c : -9
292 : #47244c : -8
293 : #48244c : -7
294 : #48244c : -6
295 : #49244c : -5
296 : #4a244c : -4
297 : #4a244c : -3
298 : #4b244c : -2
299 : #4c244c : -1
300 : #4c244c : ±0
301 : #4c244c : +1
302 : #4c244b : +2
303 : #4c244a : +3
304 : #4c244a : +4
305 : #4c2449 : +5
306 : #4c2448 : +6
307 : #4c2448 : +7
308 : #4c2447 : +8
309 : #4c2446 : +9
310 : #4c2446 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -36
2 : #393739 : -34
4 : #3a363a : -32
6 : #3b353b : -30
8 : #3d343d : -28
10 : #3e323e : -26
12 : #3f313f : -24
14 : #403040 : -22
16 : #412f41 : -20
18 : #422e42 : -18
20 : #432d43 : -16
22 : #442c44 : -14
24 : #462b46 : -12
26 : #472a47 : -10
28 : #482848 : -8
30 : #492749 : -6
32 : #4a264a : -4
34 : #4b254b : -2
36 : #4c244c : ±0
38 : #4d234d : +2
40 : #4f224f : +4
42 : #502150 : +6
44 : #511f51 : +8
46 : #521e52 : +10
48 : #531d53 : +12
50 : #541c54 : +14
52 : #551b55 : +16
54 : #561a56 : +18
56 : #581958 : +20
58 : #591859 : +22
60 : #5a165a : +24
62 : #5b155b : +26
64 : #5c145c : +28
66 : #5d135d : +30
68 : #5e125e : +32
70 : #5f115f : +34
72 : #601060 : +36
74 : #620f62 : +38
76 : #630d63 : +40
78 : #640c64 : +42
80 : #650b65 : +44
82 : #660a66 : +46
84 : #670967 : +48
86 : #680868 : +50
88 : #690769 : +52
90 : #6b066b : +54
92 : #6c046c : +56
94 : #6d036d : +58
96 : #6e026e : +60
98 : #6f016f : +62
100 : #700070 : +64
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #070307 : -20
4 : #0e070e : -18
6 : #150a15 : -16
8 : #1c0d1c : -14
10 : #231023 : -12
12 : #2a142a : -10
14 : #311731 : -8
16 : #371a37 : -6
18 : #3e1d3e : -4
20 : #452145 : -2
22 : #4c244c : ±0
24 : #532753 : +2
26 : #5a2a5a : +4
28 : #612e61 : +6
30 : #683168 : +8
32 : #6f346f : +10
34 : #763776 : +12
36 : #7d3b7d : +14
38 : #843e84 : +16
40 : #8b418b : +18
42 : #924592 : +20
44 : #994899 : +22
46 : #a04ba0 : +24
48 : #a64ea6 : +26
50 : #ad52ad : +28
52 : #b159b1 : +30
54 : #b45fb4 : +32
56 : #b766b7 : +34
58 : #ba6dba : +36
60 : #be74be : +38
62 : #c17bc1 : +40
64 : #c482c4 : +42
66 : #c889c8 : +44
68 : #cb90cb : +46
70 : #ce97ce : +48
72 : #d19ed1 : +50
74 : #d5a5d5 : +52
76 : #d8acd8 : +54
78 : #dbb3db : +56
80 : #debade : +58
82 : #e2c1e2 : +60
84 : #e5c8e5 : +62
86 : #e8cee8 : +64
88 : #ebd5eb : +66
90 : #efdcef : +68
92 : #f2e3f2 : +70
94 : #f5eaf5 : +72
96 : #f8f1f8 : +74
98 : #fcf8fc : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow