#7e1058
RGB ( 赤 = 126, 緑 = 16, 青 = 88 )
HSL ( 色相 = 321°, 彩度 = 77%, 明度 = 28% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7e1210 : -320
11 : #7e2510 : -310
21 : #7e3710 : -300
31 : #7e4910 : -290
41 : #7e5c10 : -280
51 : #7e6e10 : -270
61 : #7d7e10 : -260
71 : #6a7e10 : -250
81 : #587e10 : -240
91 : #467e10 : -230
101 : #337e10 : -220
111 : #217e10 : -210
121 : #107e12 : -200
131 : #107e25 : -190
141 : #107e37 : -180
151 : #107e49 : -170
161 : #107e5c : -160
171 : #107e6e : -150
181 : #107d7e : -140
191 : #106a7e : -130
201 : #10587e : -120
211 : #10467e : -110
221 : #10337e : -100
231 : #10217e : -90
241 : #12107e : -80
251 : #25107e : -70
261 : #37107e : -60
271 : #49107e : -50
281 : #5c107e : -40
291 : #6e107e : -30
301 : #7e107d : -20
311 : #7e106a : -10
321 : #7e1058 : ±0
331 : #7e1046 : +10
341 : #7e1033 : +20
351 : #7e1021 : +30
311 : #7e106a : -10
312 : #7e1068 : -9
313 : #7e1067 : -8
314 : #7e1065 : -7
315 : #7e1063 : -6
316 : #7e1061 : -5
317 : #7e105f : -4
318 : #7e105d : -3
319 : #7e105c : -2
320 : #7e105a : -1
321 : #7e1058 : ±0
322 : #7e1056 : +1
323 : #7e1054 : +2
324 : #7e1052 : +3
325 : #7e1051 : +4
326 : #7e104f : +5
327 : #7e104d : +6
328 : #7e104b : +7
329 : #7e1049 : +8
330 : #7e1047 : +9
331 : #7e1046 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484748 : -76
3 : #4a4548 : -74
5 : #4b4448 : -72
7 : #4c4249 : -70
9 : #4e4149 : -68
11 : #4f404a : -66
13 : #513e4a : -64
15 : #523d4b : -62
17 : #543b4b : -60
19 : #553a4b : -58
21 : #56384c : -56
23 : #58374c : -54
25 : #59364d : -52
27 : #5b344d : -50
29 : #5c334e : -48
31 : #5e314e : -46
33 : #5f304e : -44
35 : #602e4f : -42
37 : #622d4f : -40
39 : #632c50 : -38
41 : #652a50 : -36
43 : #662951 : -34
45 : #682751 : -32
47 : #692651 : -30
49 : #6a2452 : -28
51 : #6c2352 : -26
53 : #6d2253 : -24
55 : #6f2053 : -22
57 : #701f54 : -20
59 : #721d54 : -18
61 : #731c54 : -16
63 : #741a55 : -14
65 : #761955 : -12
67 : #771856 : -10
69 : #791656 : -8
71 : #7a1557 : -6
73 : #7c1357 : -4
75 : #7d1257 : -2
77 : #7e1058 : ±0
79 : #800f58 : +2
81 : #810e59 : +4
83 : #830c59 : +6
85 : #840b5a : +8
87 : #86095a : +10
89 : #87085a : +12
91 : #88065b : +14
93 : #8a055b : +16
95 : #8b045c : +18
97 : #8d025c : +20
99 : #8e015d : +22
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #090106 : -26
4 : #12020d : -24
6 : #1b0413 : -22
8 : #240519 : -20
10 : #2d061f : -18
12 : #360726 : -16
14 : #3f082c : -14
16 : #480932 : -12
18 : #510b39 : -10
20 : #5a0c3f : -8
22 : #630d45 : -6
24 : #6c0e4b : -4
26 : #750f52 : -2
28 : #7e1058 : ±0
30 : #87125e : +2
32 : #901364 : +4
34 : #99146b : +6
36 : #a21571 : +8
38 : #ac1677 : +10
40 : #b5177e : +12
42 : #be1984 : +14
44 : #c71a8a : +16
46 : #d01b90 : +18
48 : #d91c97 : +20
50 : #e21d9d : +22
52 : #e326a1 : +24
54 : #e42fa5 : +26
56 : #e538a9 : +28
58 : #e641ad : +30
60 : #e84ab1 : +32
62 : #e953b4 : +34
64 : #ea5db8 : +36
66 : #eb66bc : +38
68 : #ec6fc0 : +40
70 : #ed78c4 : +42
72 : #ef81c8 : +44
74 : #f08acc : +46
76 : #f193d0 : +48
78 : #f29cd4 : +50
80 : #f3a5d8 : +52
82 : #f4aedc : +54
84 : #f6b7e0 : +56
86 : #f7c0e4 : +58
88 : #f8c9e7 : +60
90 : #f9d2eb : +62
92 : #fadbef : +64
94 : #fbe4f3 : +66
96 : #fdedf7 : +68
98 : #fef6fb : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow