#695c6a
RGB ( 赤 = 105, 緑 = 92, 青 = 106 )
HSL ( 色相 = 296°, 彩度 = 7%, 明度 = 39% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6a5e5c : -290
16 : #6a605c : -280
26 : #6a635c : -270
36 : #6a655c : -260
46 : #6a675c : -250
56 : #6a695c : -240
66 : #696a5c : -230
76 : #676a5c : -220
86 : #646a5c : -210
96 : #626a5c : -200
106 : #606a5c : -190
116 : #5d6a5c : -180
126 : #5c6a5e : -170
136 : #5c6a60 : -160
146 : #5c6a63 : -150
156 : #5c6a65 : -140
166 : #5c6a67 : -130
176 : #5c6a69 : -120
186 : #5c696a : -110
196 : #5c676a : -100
206 : #5c646a : -90
216 : #5c626a : -80
226 : #5c606a : -70
236 : #5c5d6a : -60
246 : #5e5c6a : -50
256 : #605c6a : -40
266 : #635c6a : -30
276 : #655c6a : -20
286 : #675c6a : -10
296 : #695c6a : ±0
306 : #6a5c69 : +10
316 : #6a5c67 : +20
326 : #6a5c64 : +30
336 : #6a5c62 : +40
346 : #6a5c60 : +50
356 : #6a5c5d : +60
286 : #675c6a : -10
287 : #675c6a : -9
288 : #685c6a : -8
289 : #685c6a : -7
290 : #685c6a : -6
291 : #685c6a : -5
292 : #695c6a : -4
293 : #695c6a : -3
294 : #695c6a : -2
295 : #695c6a : -1
296 : #695c6a : ±0
297 : #6a5c6a : +1
298 : #6a5c6a : +2
299 : #6a5c6a : +3
300 : #6a5c6a : +4
301 : #6a5c6a : +5
302 : #6a5c6a : +6
303 : #6a5c6a : +7
304 : #6a5c69 : +8
305 : #6a5c69 : +9
306 : #6a5c69 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646264 : -6
3 : #666066 : -4
5 : #685e68 : -2
7 : #695c6a : ±0
9 : #6b5a6c : +2
11 : #6d596e : +4
13 : #6f5770 : +6
15 : #705572 : +8
17 : #725374 : +10
19 : #745176 : +12
21 : #764f78 : +14
23 : #774d7a : +16
25 : #794b7c : +18
27 : #7b497e : +20
29 : #7c4780 : +22
31 : #7e4582 : +24
33 : #804384 : +26
35 : #824186 : +28
37 : #833f88 : +30
39 : #853d8a : +32
41 : #873b8c : +34
43 : #89398e : +36
45 : #8a3790 : +38
47 : #8c3592 : +40
49 : #8e3394 : +42
51 : #8f3196 : +44
53 : #912f98 : +46
55 : #932d9a : +48
57 : #952b9c : +50
59 : #96299e : +52
61 : #9827a0 : +54
63 : #9a25a2 : +56
65 : #9b23a4 : +58
67 : #9d21a6 : +60
69 : #9f1fa8 : +62
71 : #a11daa : +64
73 : #a21bac : +66
75 : #a419ae : +68
77 : #a617b0 : +70
79 : #a815b2 : +72
81 : #a913b4 : +74
83 : #ab11b6 : +76
85 : #ad0fb8 : +78
87 : #ae0dba : +80
89 : #b00bbc : +82
91 : #b209be : +84
93 : #b407c0 : +86
95 : #b505c2 : +88
97 : #b703c4 : +90
99 : #b901c6 : +92
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -38
3 : #080708 : -36
5 : #0e0c0e : -34
7 : #131113 : -32
9 : #181519 : -30
11 : #1e1a1e : -28
13 : #231f23 : -26
15 : #292429 : -24
17 : #2e282e : -22
19 : #332d34 : -20
21 : #393239 : -18
23 : #3e373f : -16
25 : #443b44 : -14
27 : #49404a : -12
29 : #4e454f : -10
31 : #544a55 : -8
33 : #594e5a : -6
35 : #5f535f : -4
37 : #645865 : -2
39 : #695c6a : ±0
41 : #6f6170 : +2
43 : #746675 : +4
45 : #7a6b7b : +6
47 : #7f6f80 : +8
49 : #857486 : +10
51 : #8a798b : +12
53 : #8e7f90 : +14
55 : #938494 : +16
57 : #988a99 : +18
59 : #9d8f9e : +20
61 : #a295a3 : +22
63 : #a69aa7 : +24
65 : #aba0ac : +26
67 : #b0a5b1 : +28
69 : #b5aab5 : +30
71 : #bab0ba : +32
73 : #beb5bf : +34
75 : #c3bbc4 : +36
77 : #c8c0c8 : +38
79 : #cdc6cd : +40
81 : #d1cbd2 : +42
83 : #d6d1d7 : +44
85 : #dbd6db : +46
87 : #e0dce0 : +48
89 : #e5e1e5 : +50
91 : #e9e6ea : +52
93 : #eeecee : +54
95 : #f3f1f3 : +56
97 : #f8f7f8 : +58
99 : #fdfcfd : +60
CSS入門、作ってます。
text-shadow