#786d7e
RGB ( 赤 = 120, 緑 = 109, 青 = 126 )
HSL ( 色相 = 279°, 彩度 = 7%, 明度 = 46% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #7e706d : -270
19 : #7e726d : -260
29 : #7e756d : -250
39 : #7e786d : -240
49 : #7e7b6d : -230
59 : #7e7d6d : -220
69 : #7b7e6d : -210
79 : #787e6d : -200
89 : #767e6d : -190
99 : #737e6d : -180
109 : #707e6d : -170
119 : #6d7e6d : -160
129 : #6d7e70 : -150
139 : #6d7e72 : -140
149 : #6d7e75 : -130
159 : #6d7e78 : -120
169 : #6d7e7b : -110
179 : #6d7e7d : -100
189 : #6d7b7e : -90
199 : #6d787e : -80
209 : #6d767e : -70
219 : #6d737e : -60
229 : #6d707e : -50
239 : #6d6d7e : -40
249 : #706d7e : -30
259 : #726d7e : -20
269 : #756d7e : -10
279 : #786d7e : ±0
289 : #7b6d7e : +10
299 : #7d6d7e : +20
309 : #7e6d7b : +30
319 : #7e6d78 : +40
329 : #7e6d76 : +50
339 : #7e6d73 : +60
349 : #7e6d70 : +70
359 : #7e6d6d : +80
269 : #756d7e : -10
270 : #756d7e : -9
271 : #766d7e : -8
272 : #766d7e : -7
273 : #766d7e : -6
274 : #766d7e : -5
275 : #776d7e : -4
276 : #776d7e : -3
277 : #776d7e : -2
278 : #776d7e : -1
279 : #786d7e : ±0
280 : #786d7e : +1
281 : #786d7e : +2
282 : #796d7e : +3
283 : #796d7e : +4
284 : #796d7e : +5
285 : #796d7e : +6
286 : #7a6d7e : +7
287 : #7a6d7e : +8
288 : #7a6d7e : +9
289 : #7b6d7e : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767476 : -6
3 : #767279 : -4
5 : #776f7b : -2
7 : #786d7e : ±0
9 : #786b80 : +2
11 : #796882 : +4
13 : #7a6685 : +6
15 : #7b6487 : +8
17 : #7b6189 : +10
19 : #7c5f8c : +12
21 : #7d5d8e : +14
23 : #7d5a90 : +16
25 : #7e5893 : +18
27 : #7f5695 : +20
29 : #805397 : +22
31 : #80519a : +24
33 : #814f9c : +26
35 : #824c9e : +28
37 : #824aa1 : +30
39 : #8348a3 : +32
41 : #8445a5 : +34
43 : #8443a8 : +36
45 : #8541aa : +38
47 : #863eac : +40
49 : #873caf : +42
51 : #8739b1 : +44
53 : #8837b3 : +46
55 : #8935b6 : +48
57 : #8932b8 : +50
59 : #8a30bb : +52
61 : #8b2ebd : +54
63 : #8b2bbf : +56
65 : #8c29c2 : +58
67 : #8d27c4 : +60
69 : #8e24c6 : +62
71 : #8e22c9 : +64
73 : #8f20cb : +66
75 : #901dcd : +68
77 : #901bd0 : +70
79 : #9119d2 : +72
81 : #9216d4 : +74
83 : #9314d7 : +76
85 : #9312d9 : +78
87 : #940fdb : +80
89 : #950dde : +82
91 : #950be0 : +84
93 : #9608e2 : +86
95 : #9706e5 : +88
97 : #9704e7 : +90
99 : #9801e9 : +92
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #050505 : -44
4 : #0a090b : -42
6 : #100e10 : -40
8 : #151316 : -38
10 : #1a181b : -36
12 : #1f1c21 : -34
14 : #242126 : -32
16 : #2a262c : -30
18 : #2f2b31 : -28
20 : #342f37 : -26
22 : #39343c : -24
24 : #3e3941 : -22
26 : #443e47 : -20
28 : #49424c : -18
30 : #4e4752 : -16
32 : #534c57 : -14
34 : #59515d : -12
36 : #5e5562 : -10
38 : #635a68 : -8
40 : #685f6d : -6
42 : #6d6473 : -4
44 : #736878 : -2
46 : #786d7e : ±0
48 : #7d7283 : +2
50 : #827788 : +4
52 : #877c8d : +6
54 : #8c8192 : +8
56 : #918797 : +10
58 : #968c9b : +12
60 : #9b92a0 : +14
62 : #a097a5 : +16
64 : #a59daa : +18
66 : #aaa2ae : +20
68 : #afa8b3 : +22
70 : #b4adb8 : +24
72 : #b9b3bd : +26
74 : #beb8c1 : +28
76 : #c3bec6 : +30
78 : #c8c3cb : +32
80 : #cdc8d0 : +34
82 : #d2ced4 : +36
84 : #d7d3d9 : +38
86 : #dcd9de : +40
88 : #e1dee3 : +42
90 : #e6e4e7 : +44
92 : #ebe9ec : +46
94 : #f0eff1 : +48
96 : #f5f4f6 : +50
98 : #fafafa : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow