#7d077b
RGB ( 赤 = 125, 緑 = 7, 青 = 123 )
HSL ( 色相 = 301°, 彩度 = 89%, 明度 = 26% )
H : 色相 ( 301° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7d0907 : -300
11 : #7d1d07 : -290
21 : #7d3107 : -280
31 : #7d4407 : -270
41 : #7d5807 : -260
51 : #7d6c07 : -250
61 : #7b7d07 : -240
71 : #687d07 : -230
81 : #547d07 : -220
91 : #407d07 : -210
101 : #2d7d07 : -200
111 : #197d07 : -190
121 : #077d09 : -180
131 : #077d1d : -170
141 : #077d31 : -160
151 : #077d44 : -150
161 : #077d58 : -140
171 : #077d6c : -130
181 : #077b7d : -120
191 : #07687d : -110
201 : #07547d : -100
211 : #07407d : -90
221 : #072d7d : -80
231 : #07197d : -70
241 : #09077d : -60
251 : #1d077d : -50
261 : #31077d : -40
271 : #44077d : -30
281 : #58077d : -20
291 : #6c077d : -10
301 : #7d077b : ±0
311 : #7d0768 : +10
321 : #7d0754 : +20
331 : #7d0740 : +30
341 : #7d072d : +40
351 : #7d0719 : +50
291 : #6c077d : -10
292 : #6e077d : -9
293 : #70077d : -8
294 : #72077d : -7
295 : #73077d : -6
296 : #75077d : -5
297 : #77077d : -4
298 : #79077d : -3
299 : #7b077d : -2
300 : #7d077d : -1
301 : #7d077b : ±0
302 : #7d0779 : +1
303 : #7d0777 : +2
304 : #7d0775 : +3
305 : #7d0773 : +4
306 : #7d0772 : +5
307 : #7d0770 : +6
308 : #7d076e : +7
309 : #7d076c : +8
310 : #7d076a : +9
311 : #7d0768 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434243 : -88
3 : #444044 : -86
5 : #463f46 : -84
7 : #473e47 : -82
9 : #483c48 : -80
11 : #4a3b49 : -78
13 : #4b3a4b : -76
15 : #4c384c : -74
17 : #4e374d : -72
19 : #4f364e : -70
21 : #503450 : -68
23 : #523351 : -66
25 : #533252 : -64
27 : #543054 : -62
29 : #562f55 : -60
31 : #572e56 : -58
33 : #582c57 : -56
35 : #5a2b59 : -54
37 : #5b2a5a : -52
39 : #5c285b : -50
41 : #5d275d : -48
43 : #5f265e : -46
45 : #60245f : -44
47 : #612360 : -42
49 : #632262 : -40
51 : #642063 : -38
53 : #651f64 : -36
55 : #671e66 : -34
57 : #681d67 : -32
59 : #691b68 : -30
61 : #6b1a69 : -28
63 : #6c196b : -26
65 : #6d176c : -24
67 : #6f166d : -22
69 : #70156f : -20
71 : #711370 : -18
73 : #731271 : -16
75 : #741172 : -14
77 : #750f74 : -12
79 : #770e75 : -10
81 : #780d76 : -8
83 : #790b77 : -6
85 : #7b0a79 : -4
87 : #7c097a : -2
89 : #7d077b : ±0
91 : #7f067d : +2
93 : #80057e : +4
95 : #81037f : +6
97 : #830280 : +8
99 : #840182 : +10
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #0a0109 : -24
4 : #130113 : -22
6 : #1d021c : -20
8 : #270226 : -18
10 : #30032f : -16
12 : #3a0339 : -14
14 : #430442 : -12
16 : #4d044c : -10
18 : #570555 : -8
20 : #60065f : -6
22 : #6a0668 : -4
24 : #740772 : -2
26 : #7d077b : ±0
28 : #870885 : +2
30 : #91088e : +4
32 : #9a0998 : +6
34 : #a40aa1 : +8
36 : #ae0aab : +10
38 : #b70bb4 : +12
40 : #c10bbe : +14
42 : #ca0cc7 : +16
44 : #d40cd1 : +18
46 : #de0dda : +20
48 : #e70de4 : +22
50 : #f10eed : +24
52 : #f218ee : +26
54 : #f221ef : +28
56 : #f32bef : +30
58 : #f335f0 : +32
60 : #f43ef1 : +34
62 : #f448f1 : +36
64 : #f551f2 : +38
66 : #f55bf3 : +40
68 : #f665f4 : +42
70 : #f76ef4 : +44
72 : #f778f5 : +46
74 : #f882f6 : +48
76 : #f88bf6 : +50
78 : #f995f7 : +52
80 : #f99ff8 : +54
82 : #faa8f9 : +56
84 : #fbb2f9 : +58
86 : #fbbcfa : +60
88 : #fcc5fb : +62
90 : #fccffb : +64
92 : #fdd8fc : +66
94 : #fde2fd : +68
96 : #feecfe : +70
98 : #fef5fe : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow