#768e6b
RGB ( 赤 = 118, 緑 = 142, 青 = 107 )
HSL ( 色相 = 101°, 彩度 = 14%, 明度 = 49% )
H : 色相 ( 101° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8e6c6b : -100
11 : #8e726b : -90
21 : #8e786b : -80
31 : #8e7e6b : -70
41 : #8e836b : -60
51 : #8e896b : -50
61 : #8e8e6b : -40
71 : #888e6b : -30
81 : #828e6b : -20
91 : #7c8e6b : -10
101 : #778e6b : ±0
111 : #718e6b : +10
121 : #6b8e6c : +20
131 : #6b8e72 : +30
141 : #6b8e78 : +40
151 : #6b8e7e : +50
161 : #6b8e83 : +60
171 : #6b8e89 : +70
181 : #6b8e8e : +80
191 : #6b888e : +90
201 : #6b828e : +100
211 : #6b7c8e : +110
221 : #6b778e : +120
231 : #6b718e : +130
241 : #6c6b8e : +140
251 : #726b8e : +150
261 : #786b8e : +160
271 : #7e6b8e : +170
281 : #836b8e : +180
291 : #896b8e : +190
301 : #8e6b8e : +200
311 : #8e6b88 : +210
321 : #8e6b82 : +220
331 : #8e6b7c : +230
341 : #8e6b77 : +240
351 : #8e6b71 : +250
91 : #7c8e6b : -10
92 : #7c8e6b : -9
93 : #7b8e6b : -8
94 : #7b8e6b : -7
95 : #7a8e6b : -6
96 : #798e6b : -5
97 : #798e6b : -4
98 : #788e6b : -3
99 : #788e6b : -2
100 : #778e6b : -1
101 : #778e6b : ±0
102 : #768e6b : +1
103 : #758e6b : +2
104 : #758e6b : +3
105 : #748e6b : +4
106 : #748e6b : +5
107 : #738e6b : +6
108 : #728e6b : +7
109 : #728e6b : +8
110 : #718e6b : +9
111 : #718e6b : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -14
2 : #7c7f7a : -12
4 : #7b8278 : -10
6 : #7a8475 : -8
8 : #798773 : -6
10 : #788970 : -4
12 : #778c6e : -2
14 : #778e6b : ±0
16 : #769169 : +2
18 : #759366 : +4
20 : #749664 : +6
22 : #739861 : +8
24 : #729b5f : +10
26 : #719d5c : +12
28 : #70a05a : +14
30 : #6fa257 : +16
32 : #6ea555 : +18
34 : #6da752 : +20
36 : #6caa50 : +22
38 : #6cac4d : +24
40 : #6baf4b : +26
42 : #6ab148 : +28
44 : #69b446 : +30
46 : #68b643 : +32
48 : #67b941 : +34
50 : #66bb3e : +36
52 : #65be3c : +38
54 : #64c039 : +40
56 : #63c337 : +42
58 : #62c534 : +44
60 : #61c832 : +46
62 : #61ca2f : +48
64 : #60cd2d : +50
66 : #5fcf2a : +52
68 : #5ed228 : +54
70 : #5dd425 : +56
72 : #5cd723 : +58
74 : #5bd920 : +60
76 : #5adc1e : +62
78 : #59de1b : +64
80 : #58e119 : +66
82 : #57e316 : +68
84 : #56e614 : +70
86 : #56e811 : +72
88 : #55eb0f : +74
90 : #54ed0c : +76
92 : #53f00a : +78
94 : #52f207 : +80
96 : #51f505 : +82
98 : #50f702 : +84
100 : #4ffa00 : +86
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -48
3 : #070907 : -46
5 : #0c0f0b : -44
7 : #11140f : -42
9 : #161a14 : -40
11 : #1b2018 : -38
13 : #1f261d : -36
15 : #242c21 : -34
17 : #293125 : -32
19 : #2e372a : -30
21 : #333d2e : -28
23 : #384332 : -26
25 : #3c4937 : -24
27 : #414e3b : -22
29 : #465440 : -20
31 : #4b5a44 : -18
33 : #506048 : -16
35 : #55664d : -14
37 : #5a6c51 : -12
39 : #5e7156 : -10
41 : #63775a : -8
43 : #687d5e : -6
45 : #6d8363 : -4
47 : #728967 : -2
49 : #778e6b : ±0
51 : #7c9471 : +2
53 : #819876 : +4
55 : #869c7c : +6
57 : #8ca182 : +8
59 : #91a588 : +10
61 : #96a98e : +12
63 : #9cae93 : +14
65 : #a1b299 : +16
67 : #a7b79f : +18
69 : #acbba5 : +20
71 : #b1bfab : +22
73 : #b7c4b1 : +24
75 : #bcc8b6 : +26
77 : #c1cdbc : +28
79 : #c7d1c2 : +30
81 : #ccd5c8 : +32
83 : #d1dace : +34
85 : #d7ded3 : +36
87 : #dce2d9 : +38
89 : #e2e7df : +40
91 : #e7ebe5 : +42
93 : #ecf0eb : +44
95 : #f2f4f0 : +46
97 : #f7f8f6 : +48
99 : #fcfdfc : +50
CSS入門、作ってます。
text-shadow