#501424
RGB ( 赤 = 80, 緑 = 20, 青 = 36 )
HSL ( 色相 = 344°, 彩度 = 60%, 明度 = 20% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #521814 : -340
14 : #522314 : -330
24 : #522d14 : -320
34 : #523714 : -310
44 : #524114 : -300
54 : #524b14 : -290
64 : #4e5214 : -280
74 : #435214 : -270
84 : #395214 : -260
94 : #2f5214 : -250
104 : #255214 : -240
114 : #1b5214 : -230
124 : #145218 : -220
134 : #145223 : -210
144 : #14522d : -200
154 : #145237 : -190
164 : #145241 : -180
174 : #14524b : -170
184 : #144e52 : -160
194 : #144352 : -150
204 : #143952 : -140
214 : #142f52 : -130
224 : #142552 : -120
234 : #141b52 : -110
244 : #181452 : -100
254 : #231452 : -90
264 : #2d1452 : -80
274 : #371452 : -70
284 : #411452 : -60
294 : #4b1452 : -50
304 : #52144e : -40
314 : #521443 : -30
324 : #521439 : -20
334 : #52142f : -10
344 : #521425 : ±0
354 : #52141b : +10
334 : #52142f : -10
335 : #52142e : -9
336 : #52142d : -8
337 : #52142c : -7
338 : #52142b : -6
339 : #52142a : -5
340 : #521429 : -4
341 : #521428 : -3
342 : #521427 : -2
343 : #521426 : -1
344 : #521425 : ±0
345 : #521424 : +1
346 : #521423 : +2
347 : #521422 : +3
348 : #521421 : +4
349 : #521420 : +5
350 : #52141f : +6
351 : #52141e : +7
352 : #52141d : +8
353 : #52141c : +9
354 : #52141b : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -60
2 : #343233 : -58
4 : #353132 : -56
6 : #363032 : -54
8 : #372f31 : -52
10 : #382e31 : -50
12 : #392d30 : -48
14 : #3a2c30 : -46
16 : #3b2b2f : -44
18 : #3c2a2f : -42
20 : #3d292e : -40
22 : #3e282e : -38
24 : #3f272d : -36
26 : #40262d : -34
28 : #41252c : -32
30 : #42242c : -30
32 : #43232b : -28
34 : #44222b : -26
36 : #45212a : -24
38 : #46202a : -22
40 : #471f29 : -20
42 : #481e29 : -18
44 : #491d29 : -16
46 : #4a1c28 : -14
48 : #4b1b28 : -12
50 : #4d1a27 : -10
52 : #4e1827 : -8
54 : #4f1726 : -6
56 : #501626 : -4
58 : #511525 : -2
60 : #521425 : ±0
62 : #531324 : +2
64 : #541224 : +4
66 : #551123 : +6
68 : #561023 : +8
70 : #570f22 : +10
72 : #580e22 : +12
74 : #590d21 : +14
76 : #5a0c21 : +16
78 : #5b0b20 : +18
80 : #5c0a20 : +20
82 : #5d091f : +22
84 : #5e081f : +24
86 : #5f071f : +26
88 : #60061e : +28
90 : #61051e : +30
92 : #62041d : +32
94 : #63031d : +34
96 : #64021c : +36
98 : #65011c : +38
100 : #66001b : +40
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080204 : -18
4 : #100407 : -16
6 : #18060b : -14
8 : #21080f : -12
10 : #290a12 : -10
12 : #310c16 : -8
14 : #390e1a : -6
16 : #41101d : -4
18 : #491221 : -2
20 : #521425 : ±0
22 : #5a1628 : +2
24 : #62182c : +4
26 : #6a1b30 : +6
28 : #721d33 : +8
30 : #7a1f37 : +10
32 : #83213b : +12
34 : #8b233e : +14
36 : #932542 : +16
38 : #9b2746 : +18
40 : #a32949 : +20
42 : #ab2b4d : +22
44 : #b42d51 : +24
46 : #bc2f54 : +26
48 : #c43158 : +28
50 : #cc335c : +30
52 : #ce3b62 : +32
54 : #d04369 : +34
56 : #d24b6f : +36
58 : #d45476 : +38
60 : #d65c7c : +40
62 : #d86483 : +42
64 : #da6c89 : +44
66 : #dc7490 : +46
68 : #de7c97 : +48
70 : #e0859d : +50
72 : #e28da4 : +52
74 : #e495aa : +54
76 : #e79db1 : +56
78 : #e9a5b7 : +58
80 : #ebadbe : +60
82 : #edb6c4 : +62
84 : #efbecb : +64
86 : #f1c6d1 : +66
88 : #f3ced8 : +68
90 : #f5d6de : +70
92 : #f7dee5 : +72
94 : #f9e7eb : +74
96 : #fbeff2 : +76
98 : #fdf7f8 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow