#766f56
RGB ( 赤 = 118, 緑 = 111, 青 = 86 )
HSL ( 色相 = 47°, 彩度 = 16%, 明度 = 40% )
H : 色相 ( 47° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #765956 : -40
17 : #765f56 : -30
27 : #766456 : -20
37 : #766a56 : -10
47 : #766f56 : ±0
57 : #767556 : +10
67 : #737656 : +20
77 : #6d7656 : +30
87 : #687656 : +40
97 : #627656 : +50
107 : #5d7656 : +60
117 : #577656 : +70
127 : #567659 : +80
137 : #56765f : +90
147 : #567664 : +100
157 : #56766a : +110
167 : #56766f : +120
177 : #567675 : +130
187 : #567376 : +140
197 : #566d76 : +150
207 : #566876 : +160
217 : #566276 : +170
227 : #565d76 : +180
237 : #565776 : +190
247 : #595676 : +200
257 : #5f5676 : +210
267 : #645676 : +220
277 : #6a5676 : +230
287 : #6f5676 : +240
297 : #755676 : +250
307 : #765673 : +260
317 : #76566d : +270
327 : #765668 : +280
337 : #765662 : +290
347 : #76565d : +300
357 : #765657 : +310
37 : #766a56 : -10
38 : #766a56 : -9
39 : #766b56 : -8
40 : #766b56 : -7
41 : #766c56 : -6
42 : #766d56 : -5
43 : #766d56 : -4
44 : #766e56 : -3
45 : #766e56 : -2
46 : #766f56 : -1
47 : #766f56 : ±0
48 : #767056 : +1
49 : #767056 : +2
50 : #767156 : +3
51 : #767156 : +4
52 : #767256 : +5
53 : #767356 : +6
54 : #767356 : +7
55 : #767456 : +8
56 : #767456 : +9
57 : #767556 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -16
2 : #686764 : -14
4 : #6a6862 : -12
6 : #6c6960 : -10
8 : #6e6b5e : -8
10 : #706c5c : -6
12 : #726d5a : -4
14 : #746e58 : -2
16 : #766f56 : ±0
18 : #787054 : +2
20 : #7a7252 : +4
22 : #7c7350 : +6
24 : #7e744e : +8
26 : #81754b : +10
28 : #837649 : +12
30 : #857747 : +14
32 : #877845 : +16
34 : #897a43 : +18
36 : #8b7b41 : +20
38 : #8d7c3f : +22
40 : #8f7d3d : +24
42 : #917e3b : +26
44 : #937f39 : +28
46 : #958137 : +30
48 : #978235 : +32
50 : #998333 : +34
52 : #9b8431 : +36
54 : #9d852f : +38
56 : #9f862d : +40
58 : #a1882b : +42
60 : #a38929 : +44
62 : #a58a27 : +46
64 : #a78b25 : +48
66 : #a98c23 : +50
68 : #ab8d21 : +52
70 : #ad8e1f : +54
72 : #af901d : +56
74 : #b1911b : +58
76 : #b49218 : +60
78 : #b69316 : +62
80 : #b89414 : +64
82 : #ba9512 : +66
84 : #bc9710 : +68
86 : #be980e : +70
88 : #c0990c : +72
90 : #c29a0a : +74
92 : #c49b08 : +76
94 : #c69c06 : +78
96 : #c89d04 : +80
98 : #ca9f02 : +82
100 : #cca000 : +84
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #060604 : -38
4 : #0c0b09 : -36
6 : #12110d : -34
8 : #181611 : -32
10 : #1e1c15 : -30
12 : #23211a : -28
14 : #29271e : -26
16 : #2f2c22 : -24
18 : #353227 : -22
20 : #3b382b : -20
22 : #413d2f : -18
24 : #474333 : -16
26 : #4d4838 : -14
28 : #534e3c : -12
30 : #595340 : -10
32 : #5f5945 : -8
34 : #655f49 : -6
36 : #6a644d : -4
38 : #706a51 : -2
40 : #766f56 : ±0
42 : #7c755a : +2
44 : #827a5e : +4
46 : #888063 : +6
48 : #8e8567 : +8
50 : #948b6b : +10
52 : #989071 : +12
54 : #9c9477 : +14
56 : #a1997d : +16
58 : #a59e83 : +18
60 : #a9a289 : +20
62 : #aea78f : +22
64 : #b2ac95 : +24
66 : #b6b09a : +26
68 : #bab5a0 : +28
70 : #bfb9a6 : +30
72 : #c3beac : +32
74 : #c7c3b2 : +34
76 : #ccc7b8 : +36
78 : #d0ccbe : +38
80 : #d4d1c4 : +40
82 : #d8d5ca : +42
84 : #dddad0 : +44
86 : #e1dfd6 : +46
88 : #e5e3dc : +48
90 : #eae8e1 : +50
92 : #eeece7 : +52
94 : #f2f1ed : +54
96 : #f6f6f3 : +56
98 : #fbfaf9 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow