#666f62
RGB ( 赤 = 102, 緑 = 111, 青 = 98 )
HSL ( 色相 = 102°, 彩度 = 6%, 明度 = 41% )
H : 色相 ( 102° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #6f6362 : -100
12 : #6f6562 : -90
22 : #6f6762 : -80
32 : #6f6962 : -70
42 : #6f6b62 : -60
52 : #6f6d62 : -50
62 : #6e6f62 : -40
72 : #6c6f62 : -30
82 : #6a6f62 : -20
92 : #686f62 : -10
102 : #666f62 : ±0
112 : #646f62 : +10
122 : #626f63 : +20
132 : #626f65 : +30
142 : #626f67 : +40
152 : #626f69 : +50
162 : #626f6b : +60
172 : #626f6d : +70
182 : #626e6f : +80
192 : #626c6f : +90
202 : #626a6f : +100
212 : #62686f : +110
222 : #62666f : +120
232 : #62646f : +130
242 : #63626f : +140
252 : #65626f : +150
262 : #67626f : +160
272 : #69626f : +170
282 : #6b626f : +180
292 : #6d626f : +190
302 : #6f626e : +200
312 : #6f626c : +210
322 : #6f626a : +220
332 : #6f6268 : +230
342 : #6f6266 : +240
352 : #6f6264 : +250
92 : #686f62 : -10
93 : #686f62 : -9
94 : #686f62 : -8
95 : #686f62 : -7
96 : #676f62 : -6
97 : #676f62 : -5
98 : #676f62 : -4
99 : #676f62 : -3
100 : #666f62 : -2
101 : #666f62 : -1
102 : #666f62 : ±0
103 : #666f62 : +1
104 : #666f62 : +2
105 : #656f62 : +3
106 : #656f62 : +4
107 : #656f62 : +5
108 : #656f62 : +6
109 : #656f62 : +7
110 : #646f62 : +8
111 : #646f62 : +9
112 : #646f62 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -6
2 : #686b66 : -4
4 : #676d64 : -2
6 : #666f62 : ±0
8 : #657160 : +2
10 : #64735e : +4
12 : #64755c : +6
14 : #63775a : +8
16 : #627958 : +10
18 : #617b56 : +12
20 : #607d54 : +14
22 : #5f8052 : +16
24 : #5f824f : +18
26 : #5e844d : +20
28 : #5d864b : +22
30 : #5c8849 : +24
32 : #5b8a47 : +26
34 : #5a8c45 : +28
36 : #598e43 : +30
38 : #599041 : +32
40 : #58923f : +34
42 : #57943d : +36
44 : #56973b : +38
46 : #559938 : +40
48 : #549b36 : +42
50 : #549d34 : +44
52 : #539f32 : +46
54 : #52a130 : +48
56 : #51a32e : +50
58 : #50a52c : +52
60 : #4fa72a : +54
62 : #4fa928 : +56
64 : #4eab26 : +58
66 : #4dae24 : +60
68 : #4cb021 : +62
70 : #4bb21f : +64
72 : #4ab41d : +66
74 : #4ab61b : +68
76 : #49b819 : +70
78 : #48ba17 : +72
80 : #47bc15 : +74
82 : #46be13 : +76
84 : #45c011 : +78
86 : #45c20f : +80
88 : #44c50d : +82
90 : #43c70a : +84
92 : #42c908 : +86
94 : #41cb06 : +88
96 : #40cd04 : +90
98 : #40cf02 : +92
100 : #3fd100 : +94
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -40
3 : #070807 : -38
5 : #0c0e0c : -36
7 : #111311 : -34
9 : #161816 : -32
11 : #1b1e1a : -30
13 : #20231f : -28
15 : #252924 : -26
17 : #2a2e29 : -24
19 : #2f332e : -22
21 : #343932 : -20
23 : #393e37 : -18
25 : #3e443c : -16
27 : #434941 : -14
29 : #484e46 : -12
31 : #4d544a : -10
33 : #52594f : -8
35 : #575f54 : -6
37 : #5c6459 : -4
39 : #61695d : -2
41 : #666f62 : ±0
43 : #6b7467 : +2
45 : #707a6c : +4
47 : #757f71 : +6
49 : #7a8475 : +8
51 : #7f8a7b : +10
53 : #848e80 : +12
55 : #899385 : +14
57 : #8f988b : +16
59 : #949d90 : +18
61 : #99a296 : +20
63 : #9ea69b : +22
65 : #a4aba0 : +24
67 : #a9b0a6 : +26
69 : #aeb5ab : +28
71 : #b3b9b1 : +30
73 : #b8beb6 : +32
75 : #bec3bb : +34
77 : #c3c8c1 : +36
79 : #c8cdc6 : +38
81 : #cdd1cc : +40
83 : #d3d6d1 : +42
85 : #d8dbd6 : +44
87 : #dde0dc : +46
89 : #e2e5e1 : +48
91 : #e7e9e7 : +50
93 : #edeeec : +52
95 : #f2f3f1 : +54
97 : #f7f8f7 : +56
99 : #fcfdfc : +58
CSS入門、作ってます。
text-shadow