#4d2e5c
RGB ( 赤 = 77, 緑 = 46, 青 = 92 )
HSL ( 色相 = 280°, 彩度 = 33%, 明度 = 27% )
H : 色相 ( 280° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5c2e2e : -280
10 : #5c362e : -270
20 : #5c3d2e : -260
30 : #5c452e : -250
40 : #5c4c2e : -240
50 : #5c542e : -230
60 : #5c5c2e : -220
70 : #545c2e : -210
80 : #4c5c2e : -200
90 : #455c2e : -190
100 : #3d5c2e : -180
110 : #365c2e : -170
120 : #2e5c2e : -160
130 : #2e5c36 : -150
140 : #2e5c3d : -140
150 : #2e5c45 : -130
160 : #2e5c4c : -120
170 : #2e5c54 : -110
180 : #2e5c5c : -100
190 : #2e545c : -90
200 : #2e4c5c : -80
210 : #2e455c : -70
220 : #2e3d5c : -60
230 : #2e365c : -50
240 : #2e2e5c : -40
250 : #362e5c : -30
260 : #3d2e5c : -20
270 : #452e5c : -10
280 : #4c2e5c : ±0
290 : #542e5c : +10
300 : #5c2e5c : +20
310 : #5c2e54 : +30
320 : #5c2e4c : +40
330 : #5c2e45 : +50
340 : #5c2e3d : +60
350 : #5c2e36 : +70
270 : #452e5c : -10
271 : #462e5c : -9
272 : #462e5c : -8
273 : #472e5c : -7
274 : #482e5c : -6
275 : #492e5c : -5
276 : #492e5c : -4
277 : #4a2e5c : -3
278 : #4b2e5c : -2
279 : #4c2e5c : -1
280 : #4c2e5c : ±0
281 : #4d2e5c : +1
282 : #4e2e5c : +2
283 : #4f2e5c : +3
284 : #4f2e5c : +4
285 : #502e5c : +5
286 : #512e5c : +6
287 : #522e5c : +7
288 : #522e5c : +8
289 : #532e5c : +9
290 : #542e5c : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #454446 : -32
3 : #464347 : -30
5 : #464148 : -28
7 : #46404a : -26
9 : #473f4b : -24
11 : #473d4c : -22
13 : #483c4e : -20
15 : #483b4f : -18
17 : #493951 : -16
19 : #493852 : -14
21 : #4a3653 : -12
23 : #4a3555 : -10
25 : #4b3456 : -8
27 : #4b3257 : -6
29 : #4c3159 : -4
31 : #4c305a : -2
33 : #4c2e5c : ±0
35 : #4d2d5d : +2
37 : #4d2b5e : +4
39 : #4e2a60 : +6
41 : #4e2961 : +8
43 : #4f2762 : +10
45 : #4f2664 : +12
47 : #502465 : +14
49 : #502367 : +16
51 : #512268 : +18
53 : #512069 : +20
55 : #511f6b : +22
57 : #521e6c : +24
59 : #521c6d : +26
61 : #531b6f : +28
63 : #531970 : +30
65 : #541872 : +32
67 : #541773 : +34
69 : #551574 : +36
71 : #551476 : +38
73 : #561377 : +40
75 : #561178 : +42
77 : #57107a : +44
79 : #570e7b : +46
81 : #570d7d : +48
83 : #580c7e : +50
85 : #580a7f : +52
87 : #590981 : +54
89 : #590882 : +56
91 : #5a0684 : +58
93 : #5a0585 : +60
95 : #5b0386 : +62
97 : #5b0288 : +64
99 : #5c0189 : +66
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -26
3 : #08050a : -24
5 : #0e0911 : -22
7 : #140c18 : -20
9 : #190f1f : -18
11 : #1f1325 : -16
13 : #25162c : -14
15 : #2a1a33 : -12
17 : #301d3a : -10
19 : #362040 : -8
21 : #3b2447 : -6
23 : #41274e : -4
25 : #472b55 : -2
27 : #4c2e5c : ±0
29 : #523262 : +2
31 : #583569 : +4
33 : #5d3870 : +6
35 : #633c77 : +8
37 : #693f7d : +10
39 : #6e4384 : +12
41 : #74468b : +14
43 : #7a4992 : +16
45 : #7f4d99 : +18
47 : #85509f : +20
49 : #8b54a6 : +22
51 : #9059ab : +24
53 : #9460af : +26
55 : #9966b2 : +28
57 : #9d6db6 : +30
59 : #a274b9 : +32
61 : #a67bbc : +34
63 : #ab82c0 : +36
65 : #b088c3 : +38
67 : #b48fc7 : +40
69 : #b996ca : +42
71 : #bd9dcd : +44
73 : #c2a3d1 : +46
75 : #c6aad4 : +48
77 : #cbb1d8 : +50
79 : #cfb8db : +52
81 : #d4bfdf : +54
83 : #d8c5e2 : +56
85 : #ddcce5 : +58
87 : #e1d3e9 : +60
89 : #e6daec : +62
91 : #ebe0f0 : +64
93 : #efe7f3 : +66
95 : #f4eef6 : +68
97 : #f8f5fa : +70
99 : #fdfcfd : +72
CSS入門、作ってます。
text-shadow