#4d3323
RGB ( 赤 = 77, 緑 = 51, 青 = 35 )
HSL ( 色相 = 23°, 彩度 = 38%, 明度 = 22% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #4d2523 : -20
13 : #4d2c23 : -10
23 : #4d3323 : ±0
33 : #4d3a23 : +10
43 : #4d4123 : +20
53 : #4d4823 : +30
63 : #4b4d23 : +40
73 : #444d23 : +50
83 : #3d4d23 : +60
93 : #364d23 : +70
103 : #2f4d23 : +80
113 : #284d23 : +90
123 : #234d25 : +100
133 : #234d2c : +110
143 : #234d33 : +120
153 : #234d3a : +130
163 : #234d41 : +140
173 : #234d48 : +150
183 : #234b4d : +160
193 : #23444d : +170
203 : #233d4d : +180
213 : #23364d : +190
223 : #232f4d : +200
233 : #23284d : +210
243 : #25234d : +220
253 : #2c234d : +230
263 : #33234d : +240
273 : #3a234d : +250
283 : #41234d : +260
293 : #48234d : +270
303 : #4d234b : +280
313 : #4d2344 : +290
323 : #4d233d : +300
333 : #4d2336 : +310
343 : #4d232f : +320
353 : #4d2328 : +330
13 : #4d2c23 : -10
14 : #4d2d23 : -9
15 : #4d2d23 : -8
16 : #4d2e23 : -7
17 : #4d2f23 : -6
18 : #4d3023 : -5
19 : #4d3023 : -4
20 : #4d3123 : -3
21 : #4d3223 : -2
22 : #4d3223 : -1
23 : #4d3323 : ±0
24 : #4d3423 : +1
25 : #4d3523 : +2
26 : #4d3523 : +3
27 : #4d3623 : +4
28 : #4d3723 : +5
29 : #4d3723 : +6
30 : #4d3823 : +7
31 : #4d3923 : +8
32 : #4d3a23 : +9
33 : #4d3a23 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -38
2 : #393837 : -36
4 : #3a3836 : -34
6 : #3b3735 : -32
8 : #3d3734 : -30
10 : #3e3732 : -28
12 : #3f3731 : -26
14 : #403630 : -24
16 : #41362f : -22
18 : #42362e : -20
20 : #43352d : -18
22 : #44352c : -16
24 : #46352b : -14
26 : #47352a : -12
28 : #483428 : -10
30 : #493427 : -8
32 : #4a3426 : -6
34 : #4b3425 : -4
36 : #4c3324 : -2
38 : #4d3323 : ±0
40 : #4f3322 : +2
42 : #503321 : +4
44 : #51321f : +6
46 : #52321e : +8
48 : #53321d : +10
50 : #54321c : +12
52 : #55311b : +14
54 : #56311a : +16
56 : #583119 : +18
58 : #593118 : +20
60 : #5a3016 : +22
62 : #5b3015 : +24
64 : #5c3014 : +26
66 : #5d2f13 : +28
68 : #5e2f12 : +30
70 : #5f2f11 : +32
72 : #602f10 : +34
74 : #622e0f : +36
76 : #632e0d : +38
78 : #642e0c : +40
80 : #652e0b : +42
82 : #662d0a : +44
84 : #672d09 : +46
86 : #682d08 : +48
88 : #692d07 : +50
90 : #6b2c06 : +52
92 : #6c2c04 : +54
94 : #6d2c03 : +56
96 : #6e2c02 : +58
98 : #6f2b01 : +60
100 : #702b00 : +62
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #070503 : -20
4 : #0e0906 : -18
6 : #150e09 : -16
8 : #1c130d : -14
10 : #231710 : -12
12 : #2a1c13 : -10
14 : #312116 : -8
16 : #382519 : -6
18 : #3f2a1c : -4
20 : #462e20 : -2
22 : #4d3323 : ±0
24 : #543826 : +2
26 : #5b3c29 : +4
28 : #63412c : +6
30 : #6a462f : +8
32 : #714a33 : +10
34 : #784f36 : +12
36 : #7f5439 : +14
38 : #86583c : +16
40 : #8d5d3f : +18
42 : #946242 : +20
44 : #9b6646 : +22
46 : #a26b49 : +24
48 : #a9704c : +26
50 : #b0744f : +28
52 : #b37a56 : +30
54 : #b67f5d : +32
56 : #b98564 : +34
58 : #bd8a6b : +36
60 : #c09072 : +38
62 : #c39679 : +40
64 : #c69b80 : +42
66 : #c9a187 : +44
68 : #cca68e : +46
70 : #d0ac95 : +48
72 : #d3b19c : +50
74 : #d6b7a4 : +52
76 : #d9bcab : +54
78 : #dcc2b2 : +56
80 : #dfc7b9 : +58
82 : #e3cdc0 : +60
84 : #e6d3c7 : +62
86 : #e9d8ce : +64
88 : #ecded5 : +66
90 : #efe3dc : +68
92 : #f2e9e3 : +70
94 : #f6eeea : +72
96 : #f9f4f1 : +74
98 : #fcf9f8 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow