#50353c
RGB ( 赤 = 80, 緑 = 53, 青 = 60 )
HSL ( 色相 = 344°, 彩度 = 20%, 明度 = 26% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #503735 : -340
14 : #503b35 : -330
24 : #504035 : -320
34 : #504435 : -310
44 : #504835 : -300
54 : #504d35 : -290
64 : #4e5035 : -280
74 : #495035 : -270
84 : #455035 : -260
94 : #415035 : -250
104 : #3c5035 : -240
114 : #385035 : -230
124 : #355037 : -220
134 : #35503b : -210
144 : #355040 : -200
154 : #355044 : -190
164 : #355048 : -180
174 : #35504d : -170
184 : #354e50 : -160
194 : #354950 : -150
204 : #354550 : -140
214 : #354150 : -130
224 : #353c50 : -120
234 : #353850 : -110
244 : #373550 : -100
254 : #3b3550 : -90
264 : #403550 : -80
274 : #443550 : -70
284 : #483550 : -60
294 : #4d3550 : -50
304 : #50354e : -40
314 : #503549 : -30
324 : #503545 : -20
334 : #503541 : -10
344 : #50353c : ±0
354 : #503538 : +10
334 : #503541 : -10
335 : #503540 : -9
336 : #503540 : -8
337 : #50353f : -7
338 : #50353f : -6
339 : #50353e : -5
340 : #50353e : -4
341 : #50353d : -3
342 : #50353d : -2
343 : #50353d : -1
344 : #50353c : ±0
345 : #50353c : +1
346 : #50353b : +2
347 : #50353b : +3
348 : #50353a : +4
349 : #50353a : +5
350 : #503539 : +6
351 : #503539 : +7
352 : #503539 : +8
353 : #503538 : +9
354 : #503538 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -20
2 : #444142 : -18
4 : #454041 : -16
6 : #463e40 : -14
8 : #483d40 : -12
10 : #493c3f : -10
12 : #4a3a3f : -8
14 : #4c393e : -6
16 : #4d383d : -4
18 : #4e363d : -2
20 : #50353c : ±0
22 : #51343b : +2
24 : #52323b : +4
26 : #54313a : +6
28 : #55303a : +8
30 : #562e39 : +10
32 : #582d38 : +12
34 : #592c38 : +14
36 : #5a2a37 : +16
38 : #5b2937 : +18
40 : #5d2836 : +20
42 : #5e2635 : +22
44 : #5f2535 : +24
46 : #612434 : +26
48 : #622233 : +28
50 : #632133 : +30
52 : #652032 : +32
54 : #661e32 : +34
56 : #671d31 : +36
58 : #691c30 : +38
60 : #6a1b30 : +40
62 : #6b192f : +42
64 : #6d182e : +44
66 : #6e172e : +46
68 : #6f152d : +48
70 : #71142d : +50
72 : #72132c : +52
74 : #73112b : +54
76 : #75102b : +56
78 : #760f2a : +58
80 : #770d2a : +60
82 : #790c29 : +62
84 : #7a0b28 : +64
86 : #7b0928 : +66
88 : #7d0827 : +68
90 : #7e0726 : +70
92 : #7f0526 : +72
94 : #810425 : +74
96 : #820325 : +76
98 : #830124 : +78
100 : #850023 : +80
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060405 : -24
4 : #0c0809 : -22
6 : #120c0e : -20
8 : #181012 : -18
10 : #1f1417 : -16
12 : #25181c : -14
14 : #2b1d20 : -12
16 : #312125 : -10
18 : #37252a : -8
20 : #3d292e : -6
22 : #432d33 : -4
24 : #493137 : -2
26 : #50353c : ±0
28 : #563941 : +2
30 : #5c3d45 : +4
32 : #62414a : +6
34 : #68454f : +8
36 : #6e4953 : +10
38 : #744e58 : +12
40 : #7a525c : +14
42 : #815661 : +16
44 : #875a66 : +18
46 : #8d5e6a : +20
48 : #93626f : +22
50 : #996674 : +24
52 : #9d6c79 : +26
54 : #a1727f : +28
56 : #a57884 : +30
58 : #a97e8a : +32
60 : #ad858f : +34
62 : #b18b95 : +36
64 : #b6919b : +38
66 : #ba97a0 : +40
68 : #be9da6 : +42
70 : #c2a3ab : +44
72 : #c6a9b1 : +46
74 : #caafb7 : +48
76 : #ceb6bc : +50
78 : #d2bcc2 : +52
80 : #d6c2c7 : +54
82 : #dac8cd : +56
84 : #deced2 : +58
86 : #e2d4d8 : +60
88 : #e7dade : +62
90 : #ebe0e3 : +64
92 : #efe7e9 : +66
94 : #f3edee : +68
96 : #f7f3f4 : +70
98 : #fbf9f9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow