#6b6473
RGB ( 赤 = 107, 緑 = 100, 青 = 115 )
HSL ( 色相 = 268°, 彩度 = 7%, 明度 = 42% )
H : 色相 ( 268° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #736664 : -260
18 : #736864 : -250
28 : #736b64 : -240
38 : #736d64 : -230
48 : #737064 : -220
58 : #737264 : -210
68 : #717364 : -200
78 : #6e7364 : -190
88 : #6c7364 : -180
98 : #697364 : -170
108 : #677364 : -160
118 : #647364 : -150
128 : #647366 : -140
138 : #647368 : -130
148 : #64736b : -120
158 : #64736d : -110
168 : #647370 : -100
178 : #647372 : -90
188 : #647173 : -80
198 : #646e73 : -70
208 : #646c73 : -60
218 : #646973 : -50
228 : #646773 : -40
238 : #646473 : -30
248 : #666473 : -20
258 : #686473 : -10
268 : #6b6473 : ±0
278 : #6d6473 : +10
288 : #706473 : +20
298 : #726473 : +30
308 : #736471 : +40
318 : #73646e : +50
328 : #73646c : +60
338 : #736469 : +70
348 : #736467 : +80
358 : #736464 : +90
258 : #686473 : -10
259 : #686473 : -9
260 : #696473 : -8
261 : #696473 : -7
262 : #696473 : -6
263 : #696473 : -5
264 : #6a6473 : -4
265 : #6a6473 : -3
266 : #6a6473 : -2
267 : #6a6473 : -1
268 : #6b6473 : ±0
269 : #6b6473 : +1
270 : #6b6473 : +2
271 : #6b6473 : +3
272 : #6c6473 : +4
273 : #6c6473 : +5
274 : #6c6473 : +6
275 : #6c6473 : +7
276 : #6d6473 : +8
277 : #6d6473 : +9
278 : #6d6473 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6b6a6c : -6
3 : #6b686e : -4
5 : #6b6670 : -2
7 : #6b6473 : ±0
9 : #6a6175 : +2
11 : #6a5f77 : +4
13 : #6a5d79 : +6
15 : #6a5b7b : +8
17 : #6a597d : +10
19 : #6a577f : +12
21 : #6a5582 : +14
23 : #695284 : +16
25 : #695086 : +18
27 : #694e88 : +20
29 : #694c8a : +22
31 : #694a8c : +24
33 : #69488e : +26
35 : #694691 : +28
37 : #684393 : +30
39 : #684195 : +32
41 : #683f97 : +34
43 : #683d99 : +36
45 : #683b9b : +38
47 : #68399d : +40
49 : #6837a0 : +42
51 : #6734a2 : +44
53 : #6732a4 : +46
55 : #6730a6 : +48
57 : #672ea8 : +50
59 : #672caa : +52
61 : #672aac : +54
63 : #6728af : +56
65 : #6625b1 : +58
67 : #6623b3 : +60
69 : #6621b5 : +62
71 : #661fb7 : +64
73 : #661db9 : +66
75 : #661bbb : +68
77 : #6619be : +70
79 : #6516c0 : +72
81 : #6514c2 : +74
83 : #6512c4 : +76
85 : #6510c6 : +78
87 : #650ec8 : +80
89 : #650cca : +82
91 : #650acd : +84
93 : #6407cf : +86
95 : #6405d1 : +88
97 : #6403d3 : +90
99 : #6401d5 : +92
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #050505 : -40
4 : #0a090b : -38
6 : #0f0e10 : -36
8 : #141316 : -34
10 : #19181b : -32
12 : #1e1c21 : -30
14 : #242126 : -28
16 : #29262c : -26
18 : #2e2b31 : -24
20 : #332f37 : -22
22 : #38343c : -20
24 : #3d3941 : -18
26 : #423e47 : -16
28 : #47424c : -14
30 : #4c4752 : -12
32 : #514c57 : -10
34 : #56515d : -8
36 : #5b5562 : -6
38 : #605a68 : -4
40 : #665f6d : -2
42 : #6b6473 : ±0
44 : #706878 : +2
46 : #756d7e : +4
48 : #7a7283 : +6
50 : #7f7788 : +8
52 : #847c8d : +10
54 : #898192 : +12
56 : #8e8797 : +14
58 : #938c9b : +16
60 : #9992a0 : +18
62 : #9e97a5 : +20
64 : #a39daa : +22
66 : #a8a2ae : +24
68 : #ada8b3 : +26
70 : #b2adb8 : +28
72 : #b7b3bd : +30
74 : #bcb8c1 : +32
76 : #c2bec6 : +34
78 : #c7c3cb : +36
80 : #ccc8d0 : +38
82 : #d1ced4 : +40
84 : #d6d3d9 : +42
86 : #dbd9de : +44
88 : #e0dee3 : +46
90 : #e5e4e7 : +48
92 : #ebe9ec : +50
94 : #f0eff1 : +52
96 : #f5f4f6 : +54
98 : #fafafa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow