#756f6c
RGB ( 赤 = 117, 緑 = 111, 青 = 108 )
HSL ( 色相 = 20°, 彩度 = 4%, 明度 = 44% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #756c6c : -20
10 : #756d6c : -10
20 : #756f6c : ±0
30 : #75706c : +10
40 : #75726c : +20
50 : #75736c : +30
60 : #75756c : +40
70 : #73756c : +50
80 : #72756c : +60
90 : #70756c : +70
100 : #6f756c : +80
110 : #6d756c : +90
120 : #6c756c : +100
130 : #6c756d : +110
140 : #6c756f : +120
150 : #6c7570 : +130
160 : #6c7572 : +140
170 : #6c7573 : +150
180 : #6c7575 : +160
190 : #6c7375 : +170
200 : #6c7275 : +180
210 : #6c7075 : +190
220 : #6c6f75 : +200
230 : #6c6d75 : +210
240 : #6c6c75 : +220
250 : #6d6c75 : +230
260 : #6f6c75 : +240
270 : #706c75 : +250
280 : #726c75 : +260
290 : #736c75 : +270
300 : #756c75 : +280
310 : #756c73 : +290
320 : #756c72 : +300
330 : #756c70 : +310
340 : #756c6f : +320
350 : #756c6d : +330
10 : #756d6c : -10
11 : #756d6c : -9
12 : #756e6c : -8
13 : #756e6c : -7
14 : #756e6c : -6
15 : #756e6c : -5
16 : #756e6c : -4
17 : #756e6c : -3
18 : #756e6c : -2
19 : #756f6c : -1
20 : #756f6c : ±0
21 : #756f6c : +1
22 : #756f6c : +2
23 : #756f6c : +3
24 : #756f6c : +4
25 : #756f6c : +5
26 : #75706c : +6
27 : #75706c : +7
28 : #75706c : +8
29 : #75706c : +9
30 : #75706c : +10
S : 彩度 ( 4% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -4
2 : #726f6e : -2
4 : #756f6c : ±0
6 : #776e69 : +2
8 : #796d67 : +4
10 : #7b6c65 : +6
12 : #7e6c63 : +8
14 : #806b60 : +10
16 : #826a5e : +12
18 : #84695c : +14
20 : #87695a : +16
22 : #896858 : +18
24 : #8b6755 : +20
26 : #8d6653 : +22
28 : #906651 : +24
30 : #92654f : +26
32 : #94644c : +28
34 : #96634a : +30
36 : #996348 : +32
38 : #9b6246 : +34
40 : #9d6143 : +36
42 : #9f6041 : +38
44 : #a2603f : +40
46 : #a45f3d : +42
48 : #a65e3a : +44
50 : #a85e38 : +46
52 : #ab5d36 : +48
54 : #ad5c34 : +50
56 : #af5b31 : +52
58 : #b15b2f : +54
60 : #b45a2d : +56
62 : #b6592b : +58
64 : #b85828 : +60
66 : #ba5826 : +62
68 : #bc5724 : +64
70 : #bf5622 : +66
72 : #c1551f : +68
74 : #c3551d : +70
76 : #c5541b : +72
78 : #c85319 : +74
80 : #ca5216 : +76
82 : #cc5214 : +78
84 : #ce5112 : +80
86 : #d15010 : +82
88 : #d34f0d : +84
90 : #d54f0b : +86
92 : #d74e09 : +88
94 : #da4d07 : +90
96 : #dc4c04 : +92
98 : #de4c02 : +94
100 : #e04b00 : +96
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #050505 : -42
4 : #0b0a0a : -40
6 : #100f0f : -38
8 : #151414 : -36
10 : #1b1918 : -34
12 : #201e1d : -32
14 : #252322 : -30
16 : #2a2827 : -28
18 : #302d2c : -26
20 : #353231 : -24
22 : #3a3736 : -22
24 : #403c3b : -20
26 : #454140 : -18
28 : #4a4645 : -16
30 : #504b49 : -14
32 : #55514e : -12
34 : #5a5653 : -10
36 : #5f5b58 : -8
38 : #65605d : -6
40 : #6a6562 : -4
42 : #6f6a67 : -2
44 : #756f6c : ±0
46 : #7a7471 : +2
48 : #7f7976 : +4
50 : #857e7a : +6
52 : #898380 : +8
54 : #8e8885 : +10
56 : #938d8a : +12
58 : #989290 : +14
60 : #9d9895 : +16
62 : #a29d9a : +18
64 : #a7a2a0 : +20
66 : #aca7a5 : +22
68 : #b1acaa : +24
70 : #b6b1af : +26
72 : #bab7b5 : +28
74 : #bfbcba : +30
76 : #c4c1bf : +32
78 : #c9c6c5 : +34
80 : #cecbca : +36
82 : #d3d0cf : +38
84 : #d8d6d5 : +40
86 : #dddbda : +42
88 : #e2e0df : +44
90 : #e7e5e4 : +46
92 : #ebeaea : +48
94 : #f0efef : +50
96 : #f5f5f4 : +52
98 : #fafafa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow