#511a4e
RGB ( 赤 = 81, 緑 = 26, 青 = 78 )
HSL ( 色相 = 303°, 彩度 = 51%, 明度 = 21% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #511d1a : -300
13 : #51261a : -290
23 : #512f1a : -280
33 : #51381a : -270
43 : #51411a : -260
53 : #514a1a : -250
63 : #4e511a : -240
73 : #45511a : -230
83 : #3c511a : -220
93 : #33511a : -210
103 : #2a511a : -200
113 : #21511a : -190
123 : #1a511d : -180
133 : #1a5126 : -170
143 : #1a512f : -160
153 : #1a5138 : -150
163 : #1a5141 : -140
173 : #1a514a : -130
183 : #1a4e51 : -120
193 : #1a4551 : -110
203 : #1a3c51 : -100
213 : #1a3351 : -90
223 : #1a2a51 : -80
233 : #1a2151 : -70
243 : #1d1a51 : -60
253 : #261a51 : -50
263 : #2f1a51 : -40
273 : #381a51 : -30
283 : #411a51 : -20
293 : #4a1a51 : -10
303 : #511a4e : ±0
313 : #511a45 : +10
323 : #511a3c : +20
333 : #511a33 : +30
343 : #511a2a : +40
353 : #511a21 : +50
293 : #4a1a51 : -10
294 : #4b1a51 : -9
295 : #4c1a51 : -8
296 : #4d1a51 : -7
297 : #4e1a51 : -6
298 : #4f1a51 : -5
299 : #501a51 : -4
300 : #511a51 : -3
301 : #511a50 : -2
302 : #511a4f : -1
303 : #511a4e : ±0
304 : #511a4d : +1
305 : #511a4c : +2
306 : #511a4b : +3
307 : #511a4a : +4
308 : #511a4a : +5
309 : #511a49 : +6
310 : #511a48 : +7
311 : #511a47 : +8
312 : #511a46 : +9
313 : #511a45 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -50
3 : #373437 : -48
5 : #383338 : -46
7 : #393239 : -44
9 : #3a313a : -42
11 : #3b303b : -40
13 : #3d2f3c : -38
15 : #3e2e3d : -36
17 : #3f2c3e : -34
19 : #402b3f : -32
21 : #412a40 : -30
23 : #422941 : -28
25 : #432842 : -26
27 : #442743 : -24
29 : #452644 : -22
31 : #462544 : -20
33 : #472445 : -18
35 : #482346 : -16
37 : #492247 : -14
39 : #4a2148 : -12
41 : #4c2049 : -10
43 : #4d1f4a : -8
45 : #4e1d4b : -6
47 : #4f1c4c : -4
49 : #501b4d : -2
51 : #511a4e : ±0
53 : #52194f : +2
55 : #531850 : +4
57 : #541751 : +6
59 : #551652 : +8
61 : #561553 : +10
63 : #571454 : +12
65 : #581355 : +14
67 : #591256 : +16
69 : #5a1157 : +18
71 : #5c1058 : +20
73 : #5d0e59 : +22
75 : #5e0d5a : +24
77 : #5f0c5b : +26
79 : #600b5c : +28
81 : #610a5d : +30
83 : #62095e : +32
85 : #63085f : +34
87 : #64075f : +36
89 : #650660 : +38
91 : #660561 : +40
93 : #670462 : +42
95 : #680363 : +44
97 : #690264 : +46
99 : #6b0165 : +48
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -20
3 : #0c040b : -18
5 : #130613 : -16
7 : #1b091a : -14
9 : #230b21 : -12
11 : #2a0e29 : -10
13 : #321030 : -8
15 : #3a1338 : -6
17 : #41153f : -4
19 : #491847 : -2
21 : #511a4e : ±0
23 : #591d56 : +2
25 : #601f5d : +4
27 : #682264 : +6
29 : #70246c : +8
31 : #772773 : +10
33 : #7f297b : +12
35 : #872c82 : +14
37 : #8e2e8a : +16
39 : #963191 : +18
41 : #9e3399 : +20
43 : #a636a0 : +22
45 : #ad38a7 : +24
47 : #b53baf : +26
49 : #bd3db6 : +28
51 : #c242bb : +30
53 : #c44abe : +32
55 : #c752c1 : +34
57 : #c959c4 : +36
59 : #cc61c6 : +38
61 : #ce69c9 : +40
63 : #d171cc : +42
65 : #d378cf : +44
67 : #d680d1 : +46
69 : #d888d4 : +48
71 : #db8fd7 : +50
73 : #dd97da : +52
75 : #e09fdd : +54
77 : #e2a6df : +56
79 : #e5aee2 : +58
81 : #e7b6e5 : +60
83 : #eabee8 : +62
85 : #ecc5ea : +64
87 : #efcded : +66
89 : #f1d5f0 : +68
91 : #f4dcf3 : +70
93 : #f6e4f5 : +72
95 : #f9ecf8 : +74
97 : #fbf3fb : +76
99 : #fefbfe : +78
CSS入門、作ってます。
text-shadow