#7e095d
RGB ( 赤 = 126, 緑 = 9, 青 = 93 )
HSL ( 色相 = 317°, 彩度 = 87%, 明度 = 26% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #7c1609 : -310
17 : #7c2909 : -300
27 : #7c3d09 : -290
37 : #7c5009 : -280
47 : #7c6309 : -270
57 : #7c7609 : -260
67 : #6f7c09 : -250
77 : #5b7c09 : -240
87 : #487c09 : -230
97 : #357c09 : -220
107 : #227c09 : -210
117 : #0e7c09 : -200
127 : #097c16 : -190
137 : #097c29 : -180
147 : #097c3d : -170
157 : #097c50 : -160
167 : #097c63 : -150
177 : #097c76 : -140
187 : #096f7c : -130
197 : #095b7c : -120
207 : #09487c : -110
217 : #09357c : -100
227 : #09227c : -90
237 : #090e7c : -80
247 : #16097c : -70
257 : #29097c : -60
267 : #3d097c : -50
277 : #50097c : -40
287 : #63097c : -30
297 : #76097c : -20
307 : #7c096f : -10
317 : #7c095b : ±0
327 : #7c0948 : +10
337 : #7c0935 : +20
347 : #7c0922 : +30
357 : #7c090e : +40
307 : #7c096f : -10
308 : #7c096d : -9
309 : #7c096b : -8
310 : #7c0969 : -7
311 : #7c0967 : -6
312 : #7c0965 : -5
313 : #7c0963 : -4
314 : #7c0961 : -3
315 : #7c095f : -2
316 : #7c095d : -1
317 : #7c095b : ±0
318 : #7c0959 : +1
319 : #7c0957 : +2
320 : #7c0956 : +3
321 : #7c0954 : +4
322 : #7c0952 : +5
323 : #7c0950 : +6
324 : #7c094e : +7
325 : #7c094c : +8
326 : #7c094a : +9
327 : #7c0948 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434243 : -86
3 : #444043 : -84
5 : #463f44 : -82
7 : #473e44 : -80
9 : #483c45 : -78
11 : #4a3b45 : -76
13 : #4b3a46 : -74
15 : #4c3847 : -72
17 : #4e3747 : -70
19 : #4f3648 : -68
21 : #503448 : -66
23 : #523349 : -64
25 : #533249 : -62
27 : #54304a : -60
29 : #562f4b : -58
31 : #572e4b : -56
33 : #582c4c : -54
35 : #5a2b4c : -52
37 : #5b2a4d : -50
39 : #5c284e : -48
41 : #5d274e : -46
43 : #5f264f : -44
45 : #60244f : -42
47 : #612350 : -40
49 : #632250 : -38
51 : #642051 : -36
53 : #651f52 : -34
55 : #671e52 : -32
57 : #681d53 : -30
59 : #691b53 : -28
61 : #6b1a54 : -26
63 : #6c1954 : -24
65 : #6d1755 : -22
67 : #6f1656 : -20
69 : #701556 : -18
71 : #711357 : -16
73 : #731257 : -14
75 : #741158 : -12
77 : #750f58 : -10
79 : #770e59 : -8
81 : #780d5a : -6
83 : #790b5a : -4
85 : #7b0a5b : -2
87 : #7c095b : ±0
89 : #7d075c : +2
91 : #7f065c : +4
93 : #80055d : +6
95 : #81035e : +8
97 : #83025e : +10
99 : #84015f : +12
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #0a0107 : -24
4 : #13010e : -22
6 : #1d0215 : -20
8 : #26031c : -18
10 : #300323 : -16
12 : #39042a : -14
14 : #430531 : -12
16 : #4c0538 : -10
18 : #56063f : -8
20 : #5f0746 : -6
22 : #69074d : -4
24 : #720854 : -2
26 : #7c095b : ±0
28 : #860962 : +2
30 : #8f0a69 : +4
32 : #990b70 : +6
34 : #a20b77 : +8
36 : #ac0c7e : +10
38 : #b50d85 : +12
40 : #bf0d8c : +14
42 : #c80e93 : +16
44 : #d20f9a : +18
46 : #db0fa2 : +20
48 : #e510a9 : +22
50 : #ee11b0 : +24
52 : #ef1ab3 : +26
54 : #f024b6 : +28
56 : #f02db9 : +30
58 : #f137bc : +32
60 : #f240bf : +34
62 : #f24ac3 : +36
64 : #f353c6 : +38
66 : #f45dc9 : +40
68 : #f466cc : +42
70 : #f570cf : +44
72 : #f679d3 : +46
74 : #f683d6 : +48
76 : #f78dd9 : +50
78 : #f896dc : +52
80 : #f8a0df : +54
82 : #f9a9e2 : +56
84 : #fab3e6 : +58
86 : #fabce9 : +60
88 : #fbc6ec : +62
90 : #fccfef : +64
92 : #fcd9f2 : +66
94 : #fde2f5 : +68
96 : #feecf9 : +70
98 : #fef5fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow