#7d4059
RGB ( 赤 = 125, 緑 = 64, 青 = 89 )
HSL ( 色相 = 335°, 彩度 = 32%, 明度 = 37% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #7d4540 : -330
15 : #7d4f40 : -320
25 : #7d5940 : -310
35 : #7d6340 : -300
45 : #7d6d40 : -290
55 : #7d7840 : -280
65 : #787d40 : -270
75 : #6d7d40 : -260
85 : #637d40 : -250
95 : #597d40 : -240
105 : #4f7d40 : -230
115 : #457d40 : -220
125 : #407d45 : -210
135 : #407d4f : -200
145 : #407d59 : -190
155 : #407d63 : -180
165 : #407d6d : -170
175 : #407d78 : -160
185 : #40787d : -150
195 : #406d7d : -140
205 : #40637d : -130
215 : #40597d : -120
225 : #404f7d : -110
235 : #40457d : -100
245 : #45407d : -90
255 : #4f407d : -80
265 : #59407d : -70
275 : #63407d : -60
285 : #6d407d : -50
295 : #78407d : -40
305 : #7d4078 : -30
315 : #7d406d : -20
325 : #7d4063 : -10
335 : #7d4059 : ±0
345 : #7d404f : +10
355 : #7d4045 : +20
325 : #7d4063 : -10
326 : #7d4062 : -9
327 : #7d4061 : -8
328 : #7d4060 : -7
329 : #7d405f : -6
330 : #7d405e : -5
331 : #7d405d : -4
332 : #7d405c : -3
333 : #7d405b : -2
334 : #7d405a : -1
335 : #7d4059 : ±0
336 : #7d4058 : +1
337 : #7d4057 : +2
338 : #7d4056 : +3
339 : #7d4055 : +4
340 : #7d4054 : +5
341 : #7d4053 : +6
342 : #7d4052 : +7
343 : #7d4051 : +8
344 : #7d4050 : +9
345 : #7d404f : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5e5e5e : -32
2 : #605c5e : -30
4 : #625b5e : -28
6 : #64595d : -26
8 : #66575d : -24
10 : #68555d : -22
12 : #6a535c : -20
14 : #6c515c : -18
16 : #6d4f5c : -16
18 : #6f4d5c : -14
20 : #714b5b : -12
22 : #734a5b : -10
24 : #75485b : -8
26 : #77465a : -6
28 : #79445a : -4
30 : #7b425a : -2
32 : #7d4059 : ±0
34 : #7e3e59 : +2
36 : #803c59 : +4
38 : #823a58 : +6
40 : #843958 : +8
42 : #863758 : +10
44 : #883557 : +12
46 : #8a3357 : +14
48 : #8c3157 : +16
50 : #8e2f56 : +18
52 : #8f2d56 : +20
54 : #912b56 : +22
56 : #932a56 : +24
58 : #952855 : +26
60 : #972655 : +28
62 : #992455 : +30
64 : #9b2254 : +32
66 : #9d2054 : +34
68 : #9f1e54 : +36
70 : #a01c53 : +38
72 : #a21a53 : +40
74 : #a41953 : +42
76 : #a61752 : +44
78 : #a81552 : +46
80 : #aa1352 : +48
82 : #ac1151 : +50
84 : #ae0f51 : +52
86 : #af0d51 : +54
88 : #b10b51 : +56
90 : #b30950 : +58
92 : #b50850 : +60
94 : #b70650 : +62
96 : #b9044f : +64
98 : #bb024f : +66
100 : #bd004f : +68
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -36
3 : #0a0507 : -34
5 : #11090c : -32
7 : #180c11 : -30
9 : #1e1016 : -28
11 : #25131b : -26
13 : #2c171f : -24
15 : #321a24 : -22
17 : #391d29 : -20
19 : #40212e : -18
21 : #472433 : -16
23 : #4d2838 : -14
25 : #542b3c : -12
27 : #5b2f41 : -10
29 : #623246 : -8
31 : #68364b : -6
33 : #6f3950 : -4
35 : #763d54 : -2
37 : #7d4059 : ±0
39 : #83445e : +2
41 : #8a4763 : +4
43 : #914b68 : +6
45 : #974e6d : +8
47 : #9e5171 : +10
49 : #a55576 : +12
51 : #aa5a7b : +14
53 : #ae6181 : +16
55 : #b16886 : +18
57 : #b46e8c : +20
59 : #b87591 : +22
61 : #bb7c96 : +24
63 : #bf829c : +26
65 : #c289a1 : +28
67 : #c690a6 : +30
69 : #c997ac : +32
71 : #cd9db1 : +34
73 : #d0a4b6 : +36
75 : #d4abbc : +38
77 : #d7b2c1 : +40
79 : #dbb8c7 : +42
81 : #debfcc : +44
83 : #e2c6d1 : +46
85 : #e5cdd7 : +48
87 : #e8d3dc : +50
89 : #ecdae1 : +52
91 : #efe1e7 : +54
93 : #f3e7ec : +56
95 : #f6eef2 : +58
97 : #faf5f7 : +60
99 : #fdfcfc : +62
CSS入門、作ってます。
text-shadow