#707b6b
RGB ( 赤 = 112, 緑 = 123, 青 = 107 )
HSL ( 色相 = 101°, 彩度 = 7%, 明度 = 45% )
H : 色相 ( 101° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #7b6b6b : -100
11 : #7b6e6b : -90
21 : #7b706b : -80
31 : #7b736b : -70
41 : #7b766b : -60
51 : #7b786b : -50
61 : #7b7b6b : -40
71 : #787b6b : -30
81 : #757b6b : -20
91 : #727b6b : -10
101 : #707b6b : ±0
111 : #6d7b6b : +10
121 : #6b7b6b : +20
131 : #6b7b6e : +30
141 : #6b7b70 : +40
151 : #6b7b73 : +50
161 : #6b7b76 : +60
171 : #6b7b78 : +70
181 : #6b7b7b : +80
191 : #6b787b : +90
201 : #6b757b : +100
211 : #6b727b : +110
221 : #6b707b : +120
231 : #6b6d7b : +130
241 : #6b6b7b : +140
251 : #6e6b7b : +150
261 : #706b7b : +160
271 : #736b7b : +170
281 : #766b7b : +180
291 : #786b7b : +190
301 : #7b6b7b : +200
311 : #7b6b78 : +210
321 : #7b6b75 : +220
331 : #7b6b72 : +230
341 : #7b6b70 : +240
351 : #7b6b6d : +250
91 : #727b6b : -10
92 : #727b6b : -9
93 : #727b6b : -8
94 : #727b6b : -7
95 : #717b6b : -6
96 : #717b6b : -5
97 : #717b6b : -4
98 : #717b6b : -3
99 : #707b6b : -2
100 : #707b6b : -1
101 : #707b6b : ±0
102 : #707b6b : +1
103 : #6f7b6b : +2
104 : #6f7b6b : +3
105 : #6f7b6b : +4
106 : #6e7b6b : +5
107 : #6e7b6b : +6
108 : #6e7b6b : +7
109 : #6e7b6b : +8
110 : #6d7b6b : +9
111 : #6d7b6b : +10
S : 彩度 ( 7% )
(0%) 渋い ～ 鮮やか (100%)
1 : #727472 : -6
3 : #71766f : -4
5 : #71786d : -2
7 : #707b6b : ±0
9 : #6f7d68 : +2
11 : #6e7f66 : +4
13 : #6d8264 : +6
15 : #6c8462 : +8
17 : #6c865f : +10
19 : #6b895d : +12
21 : #6a8b5b : +14
23 : #698d58 : +16
25 : #688f56 : +18
27 : #679254 : +20
29 : #679451 : +22
31 : #66964f : +24
33 : #65994d : +26
35 : #649b4b : +28
37 : #639d48 : +30
39 : #62a046 : +32
41 : #61a244 : +34
43 : #61a441 : +36
45 : #60a63f : +38
47 : #5fa93d : +40
49 : #5eab3b : +42
51 : #5dad38 : +44
53 : #5cb036 : +46
55 : #5cb234 : +48
57 : #5bb431 : +50
59 : #5ab62f : +52
61 : #59b92d : +54
63 : #58bb2a : +56
65 : #57bd28 : +58
67 : #57c026 : +60
69 : #56c224 : +62
71 : #55c421 : +64
73 : #54c71f : +66
75 : #53c91d : +68
77 : #52cb1a : +70
79 : #52cd18 : +72
81 : #51d016 : +74
83 : #50d214 : +76
85 : #4fd411 : +78
87 : #4ed70f : +80
89 : #4dd90d : +82
91 : #4cdb0a : +84
93 : #4cdd08 : +86
95 : #4be006 : +88
97 : #4ae203 : +90
99 : #49e401 : +92
L : 明度 ( 45% )
(0%) 暗い ～ 明るい (100%)
1 : #020302 : -44
3 : #070807 : -42
5 : #0c0e0c : -40
7 : #111311 : -38
9 : #161915 : -36
11 : #1b1e1a : -34
13 : #20231f : -32
15 : #252924 : -30
17 : #2a2e28 : -28
19 : #2f342d : -26
21 : #343932 : -24
23 : #393f37 : -22
25 : #3e443b : -20
27 : #434a40 : -18
29 : #484f45 : -16
31 : #4d554a : -14
33 : #525a4e : -12
35 : #575f53 : -10
37 : #5c6558 : -8
39 : #616a5c : -6
41 : #667061 : -4
43 : #6b7566 : -2
45 : #707b6b : ±0
47 : #75806f : +2
49 : #7a8674 : +4
51 : #7f8b79 : +6
53 : #84907f : +8
55 : #899484 : +10
57 : #8f998a : +12
59 : #949e8f : +14
61 : #99a395 : +16
63 : #9ea79a : +18
65 : #a3aca0 : +20
67 : #a9b1a5 : +22
69 : #aeb5aa : +24
71 : #b3bab0 : +26
73 : #b8bfb5 : +28
75 : #bec4bb : +30
77 : #c3c8c0 : +32
79 : #c8cdc6 : +34
81 : #cdd2cb : +36
83 : #d3d7d1 : +38
85 : #d8dbd6 : +40
87 : #dde0dc : +42
89 : #e2e5e1 : +44
91 : #e7eae6 : +46
93 : #edeeec : +48
95 : #f2f3f1 : +50
97 : #f7f8f7 : +52
99 : #fcfdfc : +54
CSS入門、作ってます。
text-shadow