#7b2a7e
RGB ( 赤 = 123, 緑 = 42, 青 = 126 )
HSL ( 色相 = 298°, 彩度 = 50%, 明度 = 33% )
H : 色相 ( 298° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #7e352a : -290
18 : #7e432a : -280
28 : #7e512a : -270
38 : #7e5f2a : -260
48 : #7e6d2a : -250
58 : #7e7b2a : -240
68 : #737e2a : -230
78 : #657e2a : -220
88 : #577e2a : -210
98 : #497e2a : -200
108 : #3b7e2a : -190
118 : #2d7e2a : -180
128 : #2a7e35 : -170
138 : #2a7e43 : -160
148 : #2a7e51 : -150
158 : #2a7e5f : -140
168 : #2a7e6d : -130
178 : #2a7e7b : -120
188 : #2a737e : -110
198 : #2a657e : -100
208 : #2a577e : -90
218 : #2a497e : -80
228 : #2a3b7e : -70
238 : #2a2d7e : -60
248 : #352a7e : -50
258 : #432a7e : -40
268 : #512a7e : -30
278 : #5f2a7e : -20
288 : #6d2a7e : -10
298 : #7b2a7e : ±0
308 : #7e2a73 : +10
318 : #7e2a65 : +20
328 : #7e2a57 : +30
338 : #7e2a49 : +40
348 : #7e2a3b : +50
358 : #7e2a2d : +60
288 : #6d2a7e : -10
289 : #6f2a7e : -9
290 : #702a7e : -8
291 : #722a7e : -7
292 : #732a7e : -6
293 : #742a7e : -5
294 : #762a7e : -4
295 : #772a7e : -3
296 : #792a7e : -2
297 : #7a2a7e : -1
298 : #7b2a7e : ±0
299 : #7d2a7e : +1
300 : #7e2a7e : +2
301 : #7e2a7d : +3
302 : #7e2a7b : +4
303 : #7e2a7a : +5
304 : #7e2a79 : +6
305 : #7e2a77 : +7
306 : #7e2a76 : +8
307 : #7e2a74 : +9
308 : #7e2a73 : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -50
2 : #565256 : -48
4 : #575158 : -46
6 : #594f59 : -44
8 : #5a4d5b : -42
10 : #5c4c5d : -40
12 : #5e4a5e : -38
14 : #5f4860 : -36
16 : #614762 : -34
18 : #624563 : -32
20 : #644365 : -30
22 : #654267 : -28
24 : #674068 : -26
26 : #693e6a : -24
28 : #6a3d6c : -22
30 : #6c3b6d : -20
32 : #6d396f : -18
34 : #6f3871 : -16
36 : #703672 : -14
38 : #723474 : -12
40 : #743276 : -10
42 : #753177 : -8
44 : #772f79 : -6
46 : #782d7b : -4
48 : #7a2c7d : -2
50 : #7b2a7e : ±0
52 : #7d2880 : +2
54 : #7f2782 : +4
56 : #802583 : +6
58 : #822385 : +8
60 : #832287 : +10
62 : #852088 : +12
64 : #861e8a : +14
66 : #881d8c : +16
68 : #8a1b8d : +18
70 : #8b198f : +20
72 : #8d1891 : +22
74 : #8e1692 : +24
76 : #901494 : +26
78 : #911396 : +28
80 : #931197 : +30
82 : #950f99 : +32
84 : #960d9b : +34
86 : #980c9d : +36
88 : #990a9e : +38
90 : #9b08a0 : +40
92 : #9c07a2 : +42
94 : #9e05a3 : +44
96 : #a003a5 : +46
98 : #a102a7 : +48
100 : #a300a8 : +50
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -32
3 : #0b040b : -30
5 : #130613 : -28
7 : #1a091b : -26
9 : #220b22 : -24
11 : #290e2a : -22
13 : #311132 : -20
15 : #381339 : -18
17 : #401641 : -16
19 : #471849 : -14
21 : #4f1b50 : -12
23 : #561d58 : -10
25 : #5e2060 : -8
27 : #652267 : -6
29 : #6c256f : -4
31 : #742877 : -2
33 : #7b2a7e : ±0
35 : #832d86 : +2
37 : #8a2f8e : +4
39 : #923295 : +6
41 : #99349d : +8
43 : #a137a4 : +10
45 : #a839ac : +12
47 : #b03cb4 : +14
49 : #b73ebb : +16
51 : #bc44c1 : +18
53 : #bf4bc3 : +20
55 : #c253c6 : +22
57 : #c55bc8 : +24
59 : #c762cb : +26
61 : #ca6acd : +28
63 : #cd71d0 : +30
65 : #cf79d2 : +32
67 : #d281d5 : +34
69 : #d588d7 : +36
71 : #d890da : +38
73 : #da98dd : +40
75 : #dd9fdf : +42
77 : #e0a7e2 : +44
79 : #e2afe4 : +46
81 : #e5b6e7 : +48
83 : #e8bee9 : +50
85 : #ebc6ec : +52
87 : #edcdee : +54
89 : #f0d5f1 : +56
91 : #f3ddf4 : +58
93 : #f5e4f6 : +60
95 : #f8ecf9 : +62
97 : #fbf4fb : +64
99 : #fefbfe : +66
CSS入門、作ってます。
text-shadow