#6b7e80
RGB ( 赤 = 107, 緑 = 126, 青 = 128 )
HSL ( 色相 = 186°, 彩度 = 9%, 明度 = 46% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #806d6b : -180
16 : #80706b : -170
26 : #80746b : -160
36 : #80776b : -150
46 : #807b6b : -140
56 : #807e6b : -130
66 : #7e806b : -120
76 : #7a806b : -110
86 : #77806b : -100
96 : #73806b : -90
106 : #70806b : -80
116 : #6c806b : -70
126 : #6b806d : -60
136 : #6b8070 : -50
146 : #6b8074 : -40
156 : #6b8077 : -30
166 : #6b807b : -20
176 : #6b807e : -10
186 : #6b7e80 : ±0
196 : #6b7a80 : +10
206 : #6b7780 : +20
216 : #6b7380 : +30
226 : #6b7080 : +40
236 : #6b6c80 : +50
246 : #6d6b80 : +60
256 : #706b80 : +70
266 : #746b80 : +80
276 : #776b80 : +90
286 : #7b6b80 : +100
296 : #7e6b80 : +110
306 : #806b7e : +120
316 : #806b7a : +130
326 : #806b77 : +140
336 : #806b73 : +150
346 : #806b70 : +160
356 : #806b6c : +170
176 : #6b807e : -10
177 : #6b807f : -9
178 : #6b807f : -8
179 : #6b8080 : -7
180 : #6b8080 : -6
181 : #6b8080 : -5
182 : #6b7f80 : -4
183 : #6b7f80 : -3
184 : #6b7e80 : -2
185 : #6b7e80 : -1
186 : #6b7e80 : ±0
187 : #6b7d80 : +1
188 : #6b7d80 : +2
189 : #6b7d80 : +3
190 : #6b7c80 : +4
191 : #6b7c80 : +5
192 : #6b7c80 : +6
193 : #6b7b80 : +7
194 : #6b7b80 : +8
195 : #6b7b80 : +9
196 : #6b7a80 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747676 : -8
3 : #727879 : -6
5 : #6f7a7b : -4
7 : #6d7c7e : -2
9 : #6b7e80 : ±0
11 : #688082 : +2
13 : #668185 : +4
15 : #648387 : +6
17 : #618589 : +8
19 : #5f878c : +10
21 : #5d898e : +12
23 : #5a8b90 : +14
25 : #588d93 : +16
27 : #568f95 : +18
29 : #539197 : +20
31 : #51929a : +22
33 : #4f949c : +24
35 : #4c969e : +26
37 : #4a98a1 : +28
39 : #489aa3 : +30
41 : #459ca5 : +32
43 : #439ea8 : +34
45 : #41a0aa : +36
47 : #3ea1ac : +38
49 : #3ca3af : +40
51 : #39a5b1 : +42
53 : #37a7b3 : +44
55 : #35a9b6 : +46
57 : #32abb8 : +48
59 : #30adbb : +50
61 : #2eafbd : +52
63 : #2bb0bf : +54
65 : #29b2c2 : +56
67 : #27b4c4 : +58
69 : #24b6c6 : +60
71 : #22b8c9 : +62
73 : #20bacb : +64
75 : #1dbccd : +66
77 : #1bbed0 : +68
79 : #19bfd2 : +70
81 : #16c1d4 : +72
83 : #14c3d7 : +74
85 : #12c5d9 : +76
87 : #0fc7db : +78
89 : #0dc9de : +80
91 : #0bcbe0 : +82
93 : #08cde2 : +84
95 : #06cee5 : +86
97 : #04d0e7 : +88
99 : #01d2e9 : +90
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #050506 : -44
4 : #090b0b : -42
6 : #0e1011 : -40
8 : #131616 : -38
10 : #171b1c : -36
12 : #1c2121 : -34
14 : #202627 : -32
16 : #252c2c : -30
18 : #2a3132 : -28
20 : #2e3738 : -26
22 : #333c3d : -24
24 : #384243 : -22
26 : #3c4748 : -20
28 : #414d4e : -18
30 : #465253 : -16
32 : #4a5759 : -14
34 : #4f5d5f : -12
36 : #546264 : -10
38 : #58686a : -8
40 : #5d6d6f : -6
42 : #617375 : -4
44 : #66787a : -2
46 : #6b7e80 : ±0
48 : #6f8385 : +2
50 : #74898b : +4
52 : #7a8d90 : +6
54 : #7f9294 : +8
56 : #859799 : +10
58 : #8a9c9e : +12
60 : #90a0a2 : +14
62 : #95a5a7 : +16
64 : #9baaab : +18
66 : #a0afb0 : +20
68 : #a6b3b5 : +22
70 : #acb8b9 : +24
72 : #b1bdbe : +26
74 : #b7c1c3 : +28
76 : #bcc6c7 : +30
78 : #c2cbcc : +32
80 : #c7d0d1 : +34
82 : #cdd4d5 : +36
84 : #d3d9da : +38
86 : #d8dedf : +40
88 : #dee3e3 : +42
90 : #e3e7e8 : +44
92 : #e9ecec : +46
94 : #eef1f1 : +48
96 : #f4f6f6 : +50
98 : #f9fafa : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow