#7a0b42
RGB ( 赤 = 122, 緑 = 11, 青 = 66 )
HSL ( 色相 = 330°, 彩度 = 83%, 明度 = 26% )
H : 色相 ( 330° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #790b0b : -330
10 : #791e0b : -320
20 : #79300b : -310
30 : #79420b : -300
40 : #79550b : -290
50 : #79670b : -280
60 : #79790b : -270
70 : #67790b : -260
80 : #55790b : -250
90 : #42790b : -240
100 : #30790b : -230
110 : #1e790b : -220
120 : #0b790b : -210
130 : #0b791e : -200
140 : #0b7930 : -190
150 : #0b7942 : -180
160 : #0b7955 : -170
170 : #0b7967 : -160
180 : #0b7979 : -150
190 : #0b6779 : -140
200 : #0b5579 : -130
210 : #0b4279 : -120
220 : #0b3079 : -110
230 : #0b1e79 : -100
240 : #0b0b79 : -90
250 : #1e0b79 : -80
260 : #300b79 : -70
270 : #420b79 : -60
280 : #550b79 : -50
290 : #670b79 : -40
300 : #790b79 : -30
310 : #790b67 : -20
320 : #790b55 : -10
330 : #790b42 : ±0
340 : #790b30 : +10
350 : #790b1e : +20
320 : #790b55 : -10
321 : #790b53 : -9
322 : #790b51 : -8
323 : #790b4f : -7
324 : #790b4d : -6
325 : #790b4b : -5
326 : #790b4a : -4
327 : #790b48 : -3
328 : #790b46 : -2
329 : #790b44 : -1
330 : #790b42 : ±0
331 : #790b40 : +1
332 : #790b3f : +2
333 : #790b3d : +3
334 : #790b3b : +4
335 : #790b39 : +5
336 : #790b37 : +6
337 : #790b35 : +7
338 : #790b34 : +8
339 : #790b32 : +9
340 : #790b30 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -82
3 : #444042 : -80
5 : #463f42 : -78
7 : #473e42 : -76
9 : #483c42 : -74
11 : #4a3b42 : -72
13 : #4b3a42 : -70
15 : #4c3842 : -68
17 : #4e3742 : -66
19 : #4f3642 : -64
21 : #503442 : -62
23 : #523342 : -60
25 : #533242 : -58
27 : #543042 : -56
29 : #562f42 : -54
31 : #572e42 : -52
33 : #582c42 : -50
35 : #5a2b42 : -48
37 : #5b2a42 : -46
39 : #5c2842 : -44
41 : #5d2742 : -42
43 : #5f2642 : -40
45 : #602442 : -38
47 : #612342 : -36
49 : #632242 : -34
51 : #642042 : -32
53 : #651f42 : -30
55 : #671e42 : -28
57 : #681d42 : -26
59 : #691b42 : -24
61 : #6b1a42 : -22
63 : #6c1942 : -20
65 : #6d1742 : -18
67 : #6f1642 : -16
69 : #701542 : -14
71 : #711342 : -12
73 : #731242 : -10
75 : #741142 : -8
77 : #750f42 : -6
79 : #770e42 : -4
81 : #780d42 : -2
83 : #790b42 : ±0
85 : #7b0a42 : +2
87 : #7c0942 : +4
89 : #7d0742 : +6
91 : #7f0642 : +8
93 : #800542 : +10
95 : #810342 : +12
97 : #830242 : +14
99 : #840142 : +16
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090105 : -24
4 : #13020a : -22
6 : #1c030f : -20
8 : #250314 : -18
10 : #2f041a : -16
12 : #38051f : -14
14 : #410624 : -12
16 : #4b0729 : -10
18 : #54082e : -8
20 : #5d0933 : -6
22 : #670a38 : -4
24 : #700a3d : -2
26 : #790b42 : ±0
28 : #830c47 : +2
30 : #8c0d4d : +4
32 : #950e52 : +6
34 : #9f0f57 : +8
36 : #a8105c : +10
38 : #b11061 : +12
40 : #bb1166 : +14
42 : #c4126b : +16
44 : #cd1370 : +18
46 : #d71475 : +20
48 : #e0157a : +22
50 : #e91680 : +24
52 : #ea1f85 : +26
54 : #eb288a : +28
56 : #ec328f : +30
58 : #ed3b94 : +32
60 : #ee4499 : +34
62 : #ef4e9e : +36
64 : #ef57a3 : +38
66 : #f060a8 : +40
68 : #f16aad : +42
70 : #f273b3 : +44
72 : #f37cb8 : +46
74 : #f486bd : +48
76 : #f58fc2 : +50
78 : #f598c7 : +52
80 : #f6a2cc : +54
82 : #f7abd1 : +56
84 : #f8b4d6 : +58
86 : #f9bedb : +60
88 : #fac7e0 : +62
90 : #fbd0e6 : +64
92 : #fcdaeb : +66
94 : #fce3f0 : +68
96 : #fdecf5 : +70
98 : #fef6fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow