#490877
RGB ( 赤 = 73, 緑 = 8, 青 = 119 )
HSL ( 色相 = 275°, 彩度 = 87%, 明度 = 25% )
H : 色相 ( 275° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #771208 : -270
15 : #772408 : -260
25 : #773708 : -250
35 : #774908 : -240
45 : #775b08 : -230
55 : #776e08 : -220
65 : #6e7708 : -210
75 : #5b7708 : -200
85 : #497708 : -190
95 : #377708 : -180
105 : #247708 : -170
115 : #127708 : -160
125 : #087712 : -150
135 : #087724 : -140
145 : #087737 : -130
155 : #087749 : -120
165 : #08775b : -110
175 : #08776e : -100
185 : #086e77 : -90
195 : #085b77 : -80
205 : #084977 : -70
215 : #083777 : -60
225 : #082477 : -50
235 : #081277 : -40
245 : #120877 : -30
255 : #240877 : -20
265 : #370877 : -10
275 : #490877 : ±0
285 : #5b0877 : +10
295 : #6e0877 : +20
305 : #77086e : +30
315 : #77085b : +40
325 : #770849 : +50
335 : #770837 : +60
345 : #770824 : +70
355 : #770812 : +80
265 : #370877 : -10
266 : #380877 : -9
267 : #3a0877 : -8
268 : #3c0877 : -7
269 : #3e0877 : -6
270 : #400877 : -5
271 : #420877 : -4
272 : #430877 : -3
273 : #450877 : -2
274 : #470877 : -1
275 : #490877 : ±0
276 : #4b0877 : +1
277 : #4d0877 : +2
278 : #4f0877 : +3
279 : #500877 : +4
280 : #520877 : +5
281 : #540877 : +6
282 : #560877 : +7
283 : #580877 : +8
284 : #5a0877 : +9
285 : #5b0877 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -86
3 : #403e42 : -84
5 : #403d43 : -82
7 : #403b44 : -80
9 : #413a45 : -78
11 : #413947 : -76
13 : #413748 : -74
15 : #413649 : -72
17 : #42354b : -70
19 : #42344c : -68
21 : #42324d : -66
23 : #42314e : -64
25 : #423050 : -62
27 : #432f51 : -60
29 : #432d52 : -58
31 : #432c54 : -56
33 : #432b55 : -54
35 : #432956 : -52
37 : #442857 : -50
39 : #442759 : -48
41 : #44265a : -46
43 : #44245b : -44
45 : #45235c : -42
47 : #45225e : -40
49 : #45215f : -38
51 : #451f60 : -36
53 : #451e62 : -34
55 : #461d63 : -32
57 : #461b64 : -30
59 : #461a65 : -28
61 : #461967 : -26
63 : #461868 : -24
65 : #471669 : -22
67 : #47156a : -20
69 : #47146c : -18
71 : #47126d : -16
73 : #48116e : -14
75 : #481070 : -12
77 : #480f71 : -10
79 : #480d72 : -8
81 : #480c73 : -6
83 : #490b75 : -4
85 : #490a76 : -2
87 : #490877 : ±0
89 : #490778 : +2
91 : #49067a : +4
93 : #4a047b : +6
95 : #4a037c : +8
97 : #4a027e : +10
99 : #4a017f : +12
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030005 : -24
3 : #09010e : -22
5 : #0f0218 : -20
7 : #140221 : -18
9 : #1a032b : -16
11 : #200434 : -14
13 : #26043e : -12
15 : #2c0548 : -10
17 : #320651 : -8
19 : #37065b : -6
21 : #3d0764 : -4
23 : #43086e : -2
25 : #490877 : ±0
27 : #4f0981 : +2
29 : #550a8a : +4
31 : #5b0a94 : +6
33 : #600b9d : +8
35 : #660ca7 : +10
37 : #6c0cb0 : +12
39 : #720dba : +14
41 : #780ec4 : +16
43 : #7e0ecd : +18
45 : #830fd7 : +20
47 : #8910e0 : +22
49 : #8f10ea : +24
51 : #9415ef : +26
53 : #991fef : +28
55 : #9d28f0 : +30
57 : #a132f1 : +32
59 : #a63bf1 : +34
61 : #aa45f2 : +36
63 : #ae4ff3 : +38
65 : #b358f3 : +40
67 : #b762f4 : +42
69 : #bb6bf5 : +44
71 : #c075f5 : +46
73 : #c47ef6 : +48
75 : #c888f7 : +50
77 : #cd91f7 : +52
79 : #d19bf8 : +54
81 : #d6a4f9 : +56
83 : #daaef9 : +58
85 : #deb7fa : +60
87 : #e3c1fb : +62
89 : #e7cbfb : +64
91 : #ebd4fc : +66
93 : #f0defd : +68
95 : #f4e7fd : +70
97 : #f8f1fe : +72
99 : #fdfaff : +74
CSS入門、作ってます。
text-shadow