#677e5d
RGB ( 赤 = 103, 緑 = 126, 青 = 93 )
HSL ( 色相 = 102°, 彩度 = 15%, 明度 = 43% )
H : 色相 ( 102° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7e5e5d : -100
12 : #7e645d : -90
22 : #7e695d : -80
32 : #7e6f5d : -70
42 : #7e745d : -60
52 : #7e7a5d : -50
62 : #7d7e5d : -40
72 : #787e5d : -30
82 : #727e5d : -20
92 : #6d7e5d : -10
102 : #677e5d : ±0
112 : #627e5d : +10
122 : #5d7e5e : +20
132 : #5d7e64 : +30
142 : #5d7e69 : +40
152 : #5d7e6f : +50
162 : #5d7e74 : +60
172 : #5d7e7a : +70
182 : #5d7d7e : +80
192 : #5d787e : +90
202 : #5d727e : +100
212 : #5d6d7e : +110
222 : #5d677e : +120
232 : #5d627e : +130
242 : #5e5d7e : +140
252 : #645d7e : +150
262 : #695d7e : +160
272 : #6f5d7e : +170
282 : #745d7e : +180
292 : #7a5d7e : +190
302 : #7e5d7d : +200
312 : #7e5d78 : +210
322 : #7e5d72 : +220
332 : #7e5d6d : +230
342 : #7e5d67 : +240
352 : #7e5d62 : +250
92 : #6d7e5d : -10
93 : #6c7e5d : -9
94 : #6b7e5d : -8
95 : #6b7e5d : -7
96 : #6a7e5d : -6
97 : #6a7e5d : -5
98 : #697e5d : -4
99 : #697e5d : -3
100 : #687e5d : -2
101 : #687e5d : -1
102 : #677e5d : ±0
103 : #677e5d : +1
104 : #667e5d : +2
105 : #657e5d : +3
106 : #657e5d : +4
107 : #647e5d : +5
108 : #647e5d : +6
109 : #637e5d : +7
110 : #637e5d : +8
111 : #627e5d : +9
112 : #627e5d : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6d6f6d : -14
3 : #6c716a : -12
5 : #6b7368 : -10
7 : #6b7566 : -8
9 : #6a7864 : -6
11 : #697a62 : -4
13 : #687c5f : -2
15 : #677e5d : ±0
17 : #66805b : +2
19 : #658259 : +4
21 : #648557 : +6
23 : #648754 : +8
25 : #638952 : +10
27 : #628b50 : +12
29 : #618d4e : +14
31 : #60904c : +16
33 : #5f9249 : +18
35 : #5e9447 : +20
37 : #5d9645 : +22
39 : #5d9843 : +24
41 : #5c9b41 : +26
43 : #5b9d3f : +28
45 : #5a9f3c : +30
47 : #59a13a : +32
49 : #58a338 : +34
51 : #57a636 : +36
53 : #56a834 : +38
55 : #56aa31 : +40
57 : #55ac2f : +42
59 : #54ae2d : +44
61 : #53b12b : +46
63 : #52b329 : +48
65 : #51b526 : +50
67 : #50b724 : +52
69 : #4fb922 : +54
71 : #4fbc20 : +56
73 : #4ebe1e : +58
75 : #4dc01b : +60
77 : #4cc219 : +62
79 : #4bc417 : +64
81 : #4ac615 : +66
83 : #49c913 : +68
85 : #48cb10 : +70
87 : #47cd0e : +72
89 : #47cf0c : +74
91 : #46d10a : +76
93 : #45d408 : +78
95 : #44d605 : +80
97 : #43d803 : +82
99 : #42da01 : +84
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -42
3 : #070907 : -40
5 : #0c0f0b : -38
7 : #11150f : -36
9 : #161a14 : -34
11 : #1a2018 : -32
13 : #1f261c : -30
15 : #242c21 : -28
17 : #293225 : -26
19 : #2e3829 : -24
21 : #323e2e : -22
23 : #374332 : -20
25 : #3c4936 : -18
27 : #414f3b : -16
29 : #46553f : -14
31 : #4a5b43 : -12
33 : #4f6148 : -10
35 : #54674c : -8
37 : #596d50 : -6
39 : #5d7255 : -4
41 : #627859 : -2
43 : #677e5d : ±0
45 : #6c8462 : +2
47 : #718a66 : +4
49 : #75906a : +6
51 : #7b956f : +8
53 : #809975 : +10
55 : #859d7b : +12
57 : #8ba281 : +14
59 : #90a687 : +16
61 : #96aa8d : +18
63 : #9baf92 : +20
65 : #a0b398 : +22
67 : #a6b79e : +24
69 : #abbca4 : +26
71 : #b1c0aa : +28
73 : #b6c4b0 : +30
75 : #bbc9b6 : +32
77 : #c1cdbc : +34
79 : #c6d1c1 : +36
81 : #ccd6c7 : +38
83 : #d1dacd : +40
85 : #d6ded3 : +42
87 : #dce3d9 : +44
89 : #e1e7df : +46
91 : #e7ebe5 : +48
93 : #ecf0ea : +50
95 : #f1f4f0 : +52
97 : #f7f8f6 : +54
99 : #fcfdfc : +56
CSS入門、作ってます。
text-shadow