#4c4162
RGB ( 赤 = 76, 緑 = 65, 青 = 98 )
HSL ( 色相 = 260°, 彩度 = 20%, 明度 = 32% )
H : 色相 ( 260° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #624141 : -260
10 : #624741 : -250
20 : #624c41 : -240
30 : #625241 : -230
40 : #625741 : -220
50 : #625c41 : -210
60 : #626241 : -200
70 : #5c6241 : -190
80 : #576241 : -180
90 : #526241 : -170
100 : #4c6241 : -160
110 : #476241 : -150
120 : #416241 : -140
130 : #416247 : -130
140 : #41624c : -120
150 : #416252 : -110
160 : #416257 : -100
170 : #41625c : -90
180 : #416262 : -80
190 : #415c62 : -70
200 : #415762 : -60
210 : #415262 : -50
220 : #414c62 : -40
230 : #414762 : -30
240 : #414162 : -20
250 : #474162 : -10
260 : #4c4162 : ±0
270 : #524162 : +10
280 : #574162 : +20
290 : #5c4162 : +30
300 : #624162 : +40
310 : #62415c : +50
320 : #624157 : +60
330 : #624152 : +70
340 : #62414c : +80
350 : #624147 : +90
250 : #474162 : -10
251 : #474162 : -9
252 : #484162 : -8
253 : #484162 : -7
254 : #494162 : -6
255 : #494162 : -5
256 : #4a4162 : -4
257 : #4b4162 : -3
258 : #4b4162 : -2
259 : #4c4162 : -1
260 : #4c4162 : ±0
261 : #4d4162 : +1
262 : #4d4162 : +2
263 : #4e4162 : +3
264 : #4e4162 : +4
265 : #4f4162 : +5
266 : #4f4162 : +6
267 : #504162 : +7
268 : #514162 : +8
269 : #514162 : +9
270 : #524162 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -20
2 : #515053 : -18
4 : #514e55 : -16
6 : #504d56 : -14
8 : #4f4b58 : -12
10 : #4f495a : -10
12 : #4e485b : -8
14 : #4e465d : -6
16 : #4d455f : -4
18 : #4d4360 : -2
20 : #4c4162 : ±0
22 : #4c4064 : +2
24 : #4b3e65 : +4
26 : #4b3c67 : +6
28 : #4a3b68 : +8
30 : #49396a : +10
32 : #49376c : +12
34 : #48366d : +14
36 : #48346f : +16
38 : #473371 : +18
40 : #473172 : +20
42 : #462f74 : +22
44 : #462e76 : +24
46 : #452c77 : +26
48 : #452a79 : +28
50 : #44297a : +30
52 : #43277c : +32
54 : #43267e : +34
56 : #42247f : +36
58 : #422281 : +38
60 : #412183 : +40
62 : #411f84 : +42
64 : #401d86 : +44
66 : #401c87 : +46
68 : #3f1a89 : +48
70 : #3f188b : +50
72 : #3e178c : +52
74 : #3d158e : +54
76 : #3d1490 : +56
78 : #3c1291 : +58
80 : #3c1093 : +60
82 : #3b0f95 : +62
84 : #3b0d96 : +64
86 : #3a0b98 : +66
88 : #3a0a99 : +68
90 : #39089b : +70
92 : #39079d : +72
94 : #38059e : +74
96 : #3703a0 : +76
98 : #3702a2 : +78
100 : #3600a3 : +80
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #050406 : -30
4 : #0a080c : -28
6 : #0e0c12 : -26
8 : #131018 : -24
10 : #18141f : -22
12 : #1d1825 : -20
14 : #211d2b : -18
16 : #262131 : -16
18 : #2b2537 : -14
20 : #30293d : -12
22 : #342d43 : -10
24 : #393149 : -8
26 : #3e3550 : -6
28 : #433956 : -4
30 : #473d5c : -2
32 : #4c4162 : ±0
34 : #514568 : +2
36 : #56496e : +4
38 : #5a4e74 : +6
40 : #5f527a : +8
42 : #645681 : +10
44 : #695a87 : +12
46 : #6d5e8d : +14
48 : #726293 : +16
50 : #776699 : +18
52 : #7c6c9d : +20
54 : #8272a1 : +22
56 : #8778a5 : +24
58 : #8d7ea9 : +26
60 : #9285ad : +28
62 : #988bb1 : +30
64 : #9d91b6 : +32
66 : #a397ba : +34
68 : #a89dbe : +36
70 : #ada3c2 : +38
72 : #b3a9c6 : +40
74 : #b8afca : +42
76 : #beb6ce : +44
78 : #c3bcd2 : +46
80 : #c9c2d6 : +48
82 : #cec8da : +50
84 : #d3cede : +52
86 : #d9d4e2 : +54
88 : #dedae7 : +56
90 : #e4e0eb : +58
92 : #e9e7ef : +60
94 : #efedf3 : +62
96 : #f4f3f7 : +64
98 : #faf9fb : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow