#501a51
RGB ( 赤 = 80, 緑 = 26, 青 = 81 )
HSL ( 色相 = 299°, 彩度 = 51%, 明度 = 21% )
H : 色相 ( 299° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #51221a : -290
19 : #512c1a : -280
29 : #51351a : -270
39 : #513e1a : -260
49 : #51471a : -250
59 : #51501a : -240
69 : #49511a : -230
79 : #40511a : -220
89 : #36511a : -210
99 : #2d511a : -200
109 : #24511a : -190
119 : #1b511a : -180
129 : #1a5122 : -170
139 : #1a512c : -160
149 : #1a5135 : -150
159 : #1a513e : -140
169 : #1a5147 : -130
179 : #1a5150 : -120
189 : #1a4951 : -110
199 : #1a4051 : -100
209 : #1a3651 : -90
219 : #1a2d51 : -80
229 : #1a2451 : -70
239 : #1a1b51 : -60
249 : #221a51 : -50
259 : #2c1a51 : -40
269 : #351a51 : -30
279 : #3e1a51 : -20
289 : #471a51 : -10
299 : #501a51 : ±0
309 : #511a49 : +10
319 : #511a40 : +20
329 : #511a36 : +30
339 : #511a2d : +40
349 : #511a24 : +50
359 : #511a1b : +60
289 : #471a51 : -10
290 : #481a51 : -9
291 : #491a51 : -8
292 : #4a1a51 : -7
293 : #4a1a51 : -6
294 : #4b1a51 : -5
295 : #4c1a51 : -4
296 : #4d1a51 : -3
297 : #4e1a51 : -2
298 : #4f1a51 : -1
299 : #501a51 : ±0
300 : #511a51 : +1
301 : #511a50 : +2
302 : #511a4f : +3
303 : #511a4e : +4
304 : #511a4d : +5
305 : #511a4c : +6
306 : #511a4b : +7
307 : #511a4a : +8
308 : #511a4a : +9
309 : #511a49 : +10
S : 彩度 ( 51% )
(0%) 渋い ～ 鮮やか (100%)
1 : #363536 : -50
3 : #373437 : -48
5 : #383338 : -46
7 : #393239 : -44
9 : #3a313a : -42
11 : #3b303b : -40
13 : #3c2f3d : -38
15 : #3d2e3e : -36
17 : #3e2c3f : -34
19 : #3f2b40 : -32
21 : #402a41 : -30
23 : #412942 : -28
25 : #422843 : -26
27 : #442744 : -24
29 : #452645 : -22
31 : #462546 : -20
33 : #472447 : -18
35 : #482348 : -16
37 : #492249 : -14
39 : #4a214a : -12
41 : #4b204c : -10
43 : #4c1f4d : -8
45 : #4d1d4e : -6
47 : #4e1c4f : -4
49 : #4f1b50 : -2
51 : #501a51 : ±0
53 : #511952 : +2
55 : #521853 : +4
57 : #531754 : +6
59 : #541655 : +8
61 : #551556 : +10
63 : #561457 : +12
65 : #571358 : +14
67 : #581259 : +16
69 : #59115a : +18
71 : #5a105c : +20
73 : #5b0e5d : +22
75 : #5c0d5e : +24
77 : #5d0c5f : +26
79 : #5e0b60 : +28
81 : #5f0a61 : +30
83 : #610962 : +32
85 : #620863 : +34
87 : #630764 : +36
89 : #640665 : +38
91 : #650566 : +40
93 : #660467 : +42
95 : #670368 : +44
97 : #680269 : +46
99 : #69016b : +48
L : 明度 ( 21% )
(0%) 暗い ～ 明るい (100%)
1 : #040104 : -20
3 : #0b040c : -18
5 : #130613 : -16
7 : #1b091b : -14
9 : #220b23 : -12
11 : #2a0e2a : -10
13 : #311032 : -8
15 : #39133a : -6
17 : #411541 : -4
19 : #481849 : -2
21 : #501a51 : ±0
23 : #581d59 : +2
25 : #5f1f60 : +4
27 : #672268 : +6
29 : #6e2470 : +8
31 : #762777 : +10
33 : #7e297f : +12
35 : #852c87 : +14
37 : #8d2e8e : +16
39 : #943196 : +18
41 : #9c339e : +20
43 : #a436a6 : +22
45 : #ab38ad : +24
47 : #b33bb5 : +26
49 : #bb3dbd : +28
51 : #c042c2 : +30
53 : #c24ac4 : +32
55 : #c552c7 : +34
57 : #c759c9 : +36
59 : #ca61cc : +38
61 : #cd69ce : +40
63 : #cf71d1 : +42
65 : #d278d3 : +44
67 : #d480d6 : +46
69 : #d788d8 : +48
71 : #da8fdb : +50
73 : #dc97dd : +52
75 : #df9fe0 : +54
77 : #e1a6e2 : +56
79 : #e4aee5 : +58
81 : #e6b6e7 : +60
83 : #e9beea : +62
85 : #ecc5ec : +64
87 : #eecdef : +66
89 : #f1d5f1 : +68
91 : #f3dcf4 : +70
93 : #f6e4f6 : +72
95 : #f9ecf9 : +74
97 : #fbf3fb : +76
99 : #fefbfe : +78
CSS入門、作ってます。
text-shadow