#7e3562
RGB ( 赤 = 126, 緑 = 53, 青 = 98 )
HSL ( 色相 = 323°, 彩度 = 41%, 明度 = 35% )
H : 色相 ( 323° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #7e3835 : -320
13 : #7e4535 : -310
23 : #7e5135 : -300
33 : #7e5d35 : -290
43 : #7e6935 : -280
53 : #7e7535 : -270
63 : #7a7e35 : -260
73 : #6e7e35 : -250
83 : #627e35 : -240
93 : #567e35 : -230
103 : #497e35 : -220
113 : #3d7e35 : -210
123 : #357e38 : -200
133 : #357e45 : -190
143 : #357e51 : -180
153 : #357e5d : -170
163 : #357e69 : -160
173 : #357e75 : -150
183 : #357a7e : -140
193 : #356e7e : -130
203 : #35627e : -120
213 : #35567e : -110
223 : #35497e : -100
233 : #353d7e : -90
243 : #38357e : -80
253 : #45357e : -70
263 : #51357e : -60
273 : #5d357e : -50
283 : #69357e : -40
293 : #75357e : -30
303 : #7e357a : -20
313 : #7e356e : -10
323 : #7e3562 : ±0
333 : #7e3556 : +10
343 : #7e3549 : +20
353 : #7e353d : +30
313 : #7e356e : -10
314 : #7e356d : -9
315 : #7e356c : -8
316 : #7e356a : -7
317 : #7e3569 : -6
318 : #7e3568 : -5
319 : #7e3567 : -4
320 : #7e3565 : -3
321 : #7e3564 : -2
322 : #7e3563 : -1
323 : #7e3562 : ±0
324 : #7e3561 : +1
325 : #7e355f : +2
326 : #7e355e : +3
327 : #7e355d : +4
328 : #7e355c : +5
329 : #7e355a : +6
330 : #7e3559 : +7
331 : #7e3558 : +8
332 : #7e3557 : +9
333 : #7e3556 : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5a5859 : -40
3 : #5c575a : -38
5 : #5e555a : -36
7 : #5f535b : -34
9 : #61515b : -32
11 : #634f5c : -30
13 : #654e5c : -28
15 : #674c5c : -26
17 : #684a5d : -24
19 : #6a485d : -22
21 : #6c475e : -20
23 : #6e455e : -18
25 : #70435e : -16
27 : #71415f : -14
29 : #733f5f : -12
31 : #753e60 : -10
33 : #773c60 : -8
35 : #783a61 : -6
37 : #7a3861 : -4
39 : #7c3661 : -2
41 : #7e3562 : ±0
43 : #803362 : +2
45 : #813163 : +4
47 : #832f63 : +6
49 : #852e63 : +8
51 : #872c64 : +10
53 : #892a64 : +12
55 : #8a2865 : +14
57 : #8c2665 : +16
59 : #8e2566 : +18
61 : #902366 : +20
63 : #912166 : +22
65 : #931f67 : +24
67 : #951d67 : +26
69 : #971c68 : +28
71 : #991a68 : +30
73 : #9a1868 : +32
75 : #9c1669 : +34
77 : #9e1569 : +36
79 : #a0136a : +38
81 : #a2116a : +40
83 : #a30f6b : +42
85 : #a50d6b : +44
87 : #a70c6b : +46
89 : #a90a6c : +48
91 : #aa086c : +50
93 : #ac066d : +52
95 : #ae046d : +54
97 : #b0036d : +56
99 : #b2016e : +58
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040203 : -34
3 : #0b0508 : -32
5 : #12080e : -30
7 : #190b14 : -28
9 : #200e19 : -26
11 : #28111f : -24
13 : #2f1424 : -22
15 : #36172a : -20
17 : #3d1a2f : -18
19 : #441d35 : -16
21 : #4c203b : -14
23 : #532340 : -12
25 : #5a2646 : -10
27 : #61294b : -8
29 : #682c51 : -6
31 : #6f2f57 : -4
33 : #77325c : -2
35 : #7e3562 : ±0
37 : #853867 : +2
39 : #8c3b6d : +4
41 : #933e73 : +6
43 : #9b4178 : +8
45 : #a2447e : +10
47 : #a94783 : +12
49 : #b04a89 : +14
51 : #b54f8e : +16
53 : #b85693 : +18
55 : #bb5d97 : +20
57 : #be649c : +22
59 : #c16ca0 : +24
61 : #c473a5 : +26
63 : #c77aaa : +28
65 : #ca81ae : +30
67 : #cd88b3 : +32
69 : #d090b8 : +34
71 : #d397bc : +36
73 : #d69ec1 : +38
75 : #d9a5c5 : +40
77 : #dcacca : +42
79 : #dfb3cf : +44
81 : #e2bbd3 : +46
83 : #e5c2d8 : +48
85 : #e8c9dc : +50
87 : #ebd0e1 : +52
89 : #eed7e6 : +54
91 : #f1dfea : +56
93 : #f4e6ef : +58
95 : #f7edf3 : +60
97 : #faf4f8 : +62
99 : #fdfbfd : +64
CSS入門、作ってます。
text-shadow