#4c3844
RGB ( 赤 = 76, 緑 = 56, 青 = 68 )
HSL ( 色相 = 324°, 彩度 = 15%, 明度 = 26% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #4c3a38 : -320
14 : #4c3d38 : -310
24 : #4c4038 : -300
34 : #4c4438 : -290
44 : #4c4738 : -280
54 : #4c4a38 : -270
64 : #4b4c38 : -260
74 : #484c38 : -250
84 : #444c38 : -240
94 : #414c38 : -230
104 : #3e4c38 : -220
114 : #3a4c38 : -210
124 : #384c3a : -200
134 : #384c3d : -190
144 : #384c40 : -180
154 : #384c44 : -170
164 : #384c47 : -160
174 : #384c4a : -150
184 : #384b4c : -140
194 : #38484c : -130
204 : #38444c : -120
214 : #38414c : -110
224 : #383e4c : -100
234 : #383a4c : -90
244 : #3a384c : -80
254 : #3d384c : -70
264 : #40384c : -60
274 : #44384c : -50
284 : #47384c : -40
294 : #4a384c : -30
304 : #4c384b : -20
314 : #4c3848 : -10
324 : #4c3844 : ±0
334 : #4c3841 : +10
344 : #4c383e : +20
354 : #4c383a : +30
314 : #4c3848 : -10
315 : #4c3847 : -9
316 : #4c3847 : -8
317 : #4c3847 : -7
318 : #4c3846 : -6
319 : #4c3846 : -5
320 : #4c3846 : -4
321 : #4c3845 : -3
322 : #4c3845 : -2
323 : #4c3845 : -1
324 : #4c3844 : ±0
325 : #4c3844 : +1
326 : #4c3844 : +2
327 : #4c3843 : +3
328 : #4c3843 : +4
329 : #4c3843 : +5
330 : #4c3842 : +6
331 : #4c3842 : +7
332 : #4c3842 : +8
333 : #4c3841 : +9
334 : #4c3841 : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -14
3 : #444043 : -12
5 : #463f43 : -10
7 : #473e43 : -8
9 : #483c43 : -6
11 : #4a3b44 : -4
13 : #4b3a44 : -2
15 : #4c3844 : ±0
17 : #4e3745 : +2
19 : #4f3645 : +4
21 : #503445 : +6
23 : #523345 : +8
25 : #533246 : +10
27 : #543046 : +12
29 : #562f46 : +14
31 : #572e46 : +16
33 : #582c47 : +18
35 : #5a2b47 : +20
37 : #5b2a47 : +22
39 : #5c2847 : +24
41 : #5d2748 : +26
43 : #5f2648 : +28
45 : #602448 : +30
47 : #612349 : +32
49 : #632249 : +34
51 : #642049 : +36
53 : #651f49 : +38
55 : #671e4a : +40
57 : #681d4a : +42
59 : #691b4a : +44
61 : #6b1a4a : +46
63 : #6c194b : +48
65 : #6d174b : +50
67 : #6f164b : +52
69 : #70154b : +54
71 : #71134c : +56
73 : #73124c : +58
75 : #74114c : +60
77 : #750f4d : +62
79 : #770e4d : +64
81 : #780d4d : +66
83 : #790b4d : +68
85 : #7b0a4e : +70
87 : #7c094e : +72
89 : #7d074e : +74
91 : #7f064e : +76
93 : #80054f : +78
95 : #81034f : +80
97 : #83024f : +82
99 : #84014f : +84
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060405 : -24
4 : #0c090b : -22
6 : #120d10 : -20
8 : #171115 : -18
10 : #1d161a : -16
12 : #231a20 : -14
14 : #291e25 : -12
16 : #2f232a : -10
18 : #35272f : -8
20 : #3b2b35 : -6
22 : #41303a : -4
24 : #46343f : -2
26 : #4c3844 : ±0
28 : #523d4a : +2
30 : #58414f : +4
32 : #5e4554 : +6
34 : #644a59 : +8
36 : #6a4e5f : +10
38 : #6f5264 : +12
40 : #755769 : +14
42 : #7b5b6e : +16
44 : #815f74 : +18
46 : #876479 : +20
48 : #8d687e : +22
50 : #936c83 : +24
52 : #977288 : +26
54 : #9b788d : +28
56 : #a07e92 : +30
58 : #a48497 : +32
60 : #a88a9c : +34
62 : #ad90a1 : +36
64 : #b195a6 : +38
66 : #b59bab : +40
68 : #baa1b0 : +42
70 : #bea7b5 : +44
72 : #c2adba : +46
74 : #c7b3bf : +48
76 : #cbb9c4 : +50
78 : #cfbec9 : +52
80 : #d4c4ce : +54
82 : #d8cad2 : +56
84 : #dcd0d7 : +58
86 : #e1d6dc : +60
88 : #e5dce1 : +62
90 : #e9e2e6 : +64
92 : #eee8eb : +66
94 : #f2edf0 : +68
96 : #f6f3f5 : +70
98 : #fbf9fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow