#687e5d
RGB ( 赤 = 104, 緑 = 126, 青 = 93 )
HSL ( 色相 = 100°, 彩度 = 15%, 明度 = 43% )
H : 色相 ( 100° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #7e5d5d : -100
10 : #7e635d : -90
20 : #7e685d : -80
30 : #7e6e5d : -70
40 : #7e735d : -60
50 : #7e795d : -50
60 : #7e7e5d : -40
70 : #797e5d : -30
80 : #737e5d : -20
90 : #6e7e5d : -10
100 : #687e5d : ±0
110 : #637e5d : +10
120 : #5d7e5d : +20
130 : #5d7e63 : +30
140 : #5d7e68 : +40
150 : #5d7e6e : +50
160 : #5d7e73 : +60
170 : #5d7e79 : +70
180 : #5d7e7e : +80
190 : #5d797e : +90
200 : #5d737e : +100
210 : #5d6e7e : +110
220 : #5d687e : +120
230 : #5d637e : +130
240 : #5d5d7e : +140
250 : #635d7e : +150
260 : #685d7e : +160
270 : #6e5d7e : +170
280 : #735d7e : +180
290 : #795d7e : +190
300 : #7e5d7e : +200
310 : #7e5d79 : +210
320 : #7e5d73 : +220
330 : #7e5d6e : +230
340 : #7e5d68 : +240
350 : #7e5d63 : +250
90 : #6e7e5d : -10
91 : #6d7e5d : -9
92 : #6d7e5d : -8
93 : #6c7e5d : -7
94 : #6b7e5d : -6
95 : #6b7e5d : -5
96 : #6a7e5d : -4
97 : #6a7e5d : -3
98 : #697e5d : -2
99 : #697e5d : -1
100 : #687e5d : ±0
101 : #687e5d : +1
102 : #677e5d : +2
103 : #677e5d : +3
104 : #667e5d : +4
105 : #657e5d : +5
106 : #657e5d : +6
107 : #647e5d : +7
108 : #647e5d : +8
109 : #637e5d : +9
110 : #637e5d : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6f6d : -14
3 : #6d716a : -12
5 : #6c7368 : -10
7 : #6b7566 : -8
9 : #6a7864 : -6
11 : #6a7a62 : -4
13 : #697c5f : -2
15 : #687e5d : ±0
17 : #67805b : +2
19 : #678259 : +4
21 : #668557 : +6
23 : #658754 : +8
25 : #658952 : +10
27 : #648b50 : +12
29 : #638d4e : +14
31 : #62904c : +16
33 : #629249 : +18
35 : #619447 : +20
37 : #609645 : +22
39 : #5f9843 : +24
41 : #5f9b41 : +26
43 : #5e9d3f : +28
45 : #5d9f3c : +30
47 : #5ca13a : +32
49 : #5ca338 : +34
51 : #5ba636 : +36
53 : #5aa834 : +38
55 : #5aaa31 : +40
57 : #59ac2f : +42
59 : #58ae2d : +44
61 : #57b12b : +46
63 : #57b329 : +48
65 : #56b526 : +50
67 : #55b724 : +52
69 : #54b922 : +54
71 : #54bc20 : +56
73 : #53be1e : +58
75 : #52c01b : +60
77 : #52c219 : +62
79 : #51c417 : +64
81 : #50c615 : +66
83 : #4fc913 : +68
85 : #4fcb10 : +70
87 : #4ecd0e : +72
89 : #4dcf0c : +74
91 : #4cd10a : +76
93 : #4cd408 : +78
95 : #4bd605 : +80
97 : #4ad803 : +82
99 : #49da01 : +84
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -42
3 : #070907 : -40
5 : #0c0f0b : -38
7 : #11150f : -36
9 : #161a14 : -34
11 : #1b2018 : -32
13 : #1f261c : -30
15 : #242c21 : -28
17 : #293225 : -26
19 : #2e3829 : -24
21 : #333e2e : -22
23 : #384332 : -20
25 : #3d4936 : -18
27 : #414f3b : -16
29 : #46553f : -14
31 : #4b5b43 : -12
33 : #506148 : -10
35 : #55674c : -8
37 : #5a6d50 : -6
39 : #5e7255 : -4
41 : #637859 : -2
43 : #687e5d : ±0
45 : #6d8462 : +2
47 : #728a66 : +4
49 : #77906a : +6
51 : #7c956f : +8
53 : #819975 : +10
55 : #879d7b : +12
57 : #8ca281 : +14
59 : #91a687 : +16
61 : #97aa8d : +18
63 : #9caf92 : +20
65 : #a1b398 : +22
67 : #a7b79e : +24
69 : #acbca4 : +26
71 : #b1c0aa : +28
73 : #b7c4b0 : +30
75 : #bcc9b6 : +32
77 : #c1cdbc : +34
79 : #c7d1c1 : +36
81 : #ccd6c7 : +38
83 : #d1dacd : +40
85 : #d7ded3 : +42
87 : #dce3d9 : +44
89 : #e2e7df : +46
91 : #e7ebe5 : +48
93 : #ecf0ea : +50
95 : #f2f4f0 : +52
97 : #f7f8f6 : +54
99 : #fcfdfc : +56
CSS入門、作ってます。
text-shadow