#4c2f47
RGB ( 赤 = 76, 緑 = 47, 青 = 71 )
HSL ( 色相 = 310°, 彩度 = 24%, 明度 = 24% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4c2f2f : -310
10 : #4c332f : -300
20 : #4c382f : -290
30 : #4c3d2f : -280
40 : #4c422f : -270
50 : #4c472f : -260
60 : #4c4c2f : -250
70 : #474c2f : -240
80 : #424c2f : -230
90 : #3d4c2f : -220
100 : #384c2f : -210
110 : #334c2f : -200
120 : #2f4c2f : -190
130 : #2f4c33 : -180
140 : #2f4c38 : -170
150 : #2f4c3d : -160
160 : #2f4c42 : -150
170 : #2f4c47 : -140
180 : #2f4c4c : -130
190 : #2f474c : -120
200 : #2f424c : -110
210 : #2f3d4c : -100
220 : #2f384c : -90
230 : #2f334c : -80
240 : #2f2f4c : -70
250 : #332f4c : -60
260 : #382f4c : -50
270 : #3d2f4c : -40
280 : #422f4c : -30
290 : #472f4c : -20
300 : #4c2f4c : -10
310 : #4c2f47 : ±0
320 : #4c2f42 : +10
330 : #4c2f3d : +20
340 : #4c2f38 : +30
350 : #4c2f33 : +40
300 : #4c2f4c : -10
301 : #4c2f4b : -9
302 : #4c2f4b : -8
303 : #4c2f4a : -7
304 : #4c2f4a : -6
305 : #4c2f49 : -5
306 : #4c2f49 : -4
307 : #4c2f48 : -3
308 : #4c2f48 : -2
309 : #4c2f47 : -1
310 : #4c2f47 : ±0
311 : #4c2f47 : +1
312 : #4c2f46 : +2
313 : #4c2f46 : +3
314 : #4c2f45 : +4
315 : #4c2f45 : +5
316 : #4c2f44 : +6
317 : #4c2f44 : +7
318 : #4c2f43 : +8
319 : #4c2f43 : +9
320 : #4c2f42 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -24
2 : #3e3c3e : -22
4 : #403b3f : -20
6 : #413a40 : -18
8 : #423840 : -16
10 : #433741 : -14
12 : #453642 : -12
14 : #463543 : -10
16 : #473344 : -8
18 : #483245 : -6
20 : #493145 : -4
22 : #4b3046 : -2
24 : #4c2f47 : ±0
26 : #4d2d48 : +2
28 : #4e2c49 : +4
30 : #502b49 : +6
32 : #512a4a : +8
34 : #52284b : +10
36 : #53274c : +12
38 : #54264d : +14
40 : #56254e : +16
42 : #57234e : +18
44 : #58224f : +20
46 : #592150 : +22
48 : #5b2051 : +24
50 : #5c1f52 : +26
52 : #5d1d52 : +28
54 : #5e1c53 : +30
56 : #5f1b54 : +32
58 : #611a55 : +34
60 : #621856 : +36
62 : #631756 : +38
64 : #641657 : +40
66 : #661558 : +42
68 : #671459 : +44
70 : #68125a : +46
72 : #69115b : +48
74 : #6a105b : +50
76 : #6c0f5c : +52
78 : #6d0d5d : +54
80 : #6e0c5e : +56
82 : #6f0b5f : +58
84 : #710a5f : +60
86 : #720960 : +62
88 : #730761 : +64
90 : #740662 : +66
92 : #760563 : +68
94 : #770464 : +70
96 : #780264 : +72
98 : #790165 : +74
100 : #7a0066 : +76
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #060406 : -22
4 : #0d080c : -20
6 : #130c12 : -18
8 : #191018 : -16
10 : #20131e : -14
12 : #261723 : -12
14 : #2c1b29 : -10
16 : #331f2f : -8
18 : #392335 : -6
20 : #3f273b : -4
22 : #462b41 : -2
24 : #4c2f47 : ±0
26 : #52324d : +2
28 : #593653 : +4
30 : #5f3a59 : +6
32 : #653e5f : +8
34 : #6c4265 : +10
36 : #72466a : +12
38 : #784a70 : +14
40 : #7e4e76 : +16
42 : #85517c : +18
44 : #8b5582 : +20
46 : #915988 : +22
48 : #985d8e : +24
50 : #9e6194 : +26
52 : #a26798 : +28
54 : #a66e9c : +30
56 : #aa74a1 : +32
58 : #ae7aa5 : +34
60 : #b181a9 : +36
62 : #b587ae : +38
64 : #b98db2 : +40
66 : #bd93b6 : +42
68 : #c19aba : +44
70 : #c5a0bf : +46
72 : #c9a6c3 : +48
74 : #cdadc7 : +50
76 : #d0b3cc : +52
78 : #d4b9d0 : +54
80 : #d8c0d4 : +56
82 : #dcc6d8 : +58
84 : #e0ccdd : +60
86 : #e4d3e1 : +62
88 : #e8d9e5 : +64
90 : #ecdfea : +66
92 : #efe6ee : +68
94 : #f3ecf2 : +70
96 : #f7f2f6 : +72
98 : #fbf9fb : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow