#6b5261
RGB ( 赤 = 107, 緑 = 82, 青 = 97 )
HSL ( 色相 = 324°, 彩度 = 13%, 明度 = 37% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6b5452 : -320
14 : #6b5852 : -310
24 : #6b5c52 : -300
34 : #6b6052 : -290
44 : #6b6452 : -280
54 : #6b6852 : -270
64 : #696b52 : -260
74 : #656b52 : -250
84 : #616b52 : -240
94 : #5d6b52 : -230
104 : #596b52 : -220
114 : #556b52 : -210
124 : #526b54 : -200
134 : #526b58 : -190
144 : #526b5c : -180
154 : #526b60 : -170
164 : #526b64 : -160
174 : #526b68 : -150
184 : #52696b : -140
194 : #52656b : -130
204 : #52616b : -120
214 : #525d6b : -110
224 : #52596b : -100
234 : #52556b : -90
244 : #54526b : -80
254 : #58526b : -70
264 : #5c526b : -60
274 : #60526b : -50
284 : #64526b : -40
294 : #68526b : -30
304 : #6b5269 : -20
314 : #6b5265 : -10
324 : #6b5261 : ±0
334 : #6b525d : +10
344 : #6b5259 : +20
354 : #6b5255 : +30
314 : #6b5265 : -10
315 : #6b5264 : -9
316 : #6b5264 : -8
317 : #6b5264 : -7
318 : #6b5263 : -6
319 : #6b5263 : -5
320 : #6b5262 : -4
321 : #6b5262 : -3
322 : #6b5262 : -2
323 : #6b5261 : -1
324 : #6b5261 : ±0
325 : #6b5260 : +1
326 : #6b5260 : +2
327 : #6b5260 : +3
328 : #6b525f : +4
329 : #6b525f : +5
330 : #6b525e : +6
331 : #6b525e : +7
332 : #6b525e : +8
333 : #6b525d : +9
334 : #6b525d : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5f5d5f : -12
3 : #615c5f : -10
5 : #635a5f : -8
7 : #655860 : -6
9 : #675660 : -4
11 : #695460 : -2
13 : #6b5261 : ±0
15 : #6d5061 : +2
17 : #6e4e62 : +4
19 : #704c62 : +6
21 : #724b62 : +8
23 : #744963 : +10
25 : #764763 : +12
27 : #784563 : +14
29 : #7a4364 : +16
31 : #7c4164 : +18
33 : #7d3f65 : +20
35 : #7f3d65 : +22
37 : #813b65 : +24
39 : #833a66 : +26
41 : #853866 : +28
43 : #873666 : +30
45 : #893467 : +32
47 : #8b3267 : +34
49 : #8d3068 : +36
51 : #8e2e68 : +38
53 : #902c68 : +40
55 : #922a69 : +42
57 : #942969 : +44
59 : #962769 : +46
61 : #98256a : +48
63 : #9a236a : +50
65 : #9c216b : +52
67 : #9e1f6b : +54
69 : #9f1d6b : +56
71 : #a11b6c : +58
73 : #a3196c : +60
75 : #a5186d : +62
77 : #a7166d : +64
79 : #a9146d : +66
81 : #ab126e : +68
83 : #ad106e : +70
85 : #af0e6e : +72
87 : #b00c6f : +74
89 : #b20a6f : +76
91 : #b40870 : +78
93 : #b60770 : +80
95 : #b80570 : +82
97 : #ba0371 : +84
99 : #bc0171 : +86
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -36
3 : #090708 : -34
5 : #0e0b0d : -32
7 : #141012 : -30
9 : #1a1418 : -28
11 : #20181d : -26
13 : #251d22 : -24
15 : #2b2127 : -22
17 : #31262c : -20
19 : #372a32 : -18
21 : #3d2f37 : -16
23 : #42333c : -14
25 : #483741 : -12
27 : #4e3c47 : -10
29 : #54404c : -8
31 : #594551 : -6
33 : #5f4956 : -4
35 : #654e5c : -2
37 : #6b5261 : ±0
39 : #705766 : +2
41 : #765b6b : +4
43 : #7c5f71 : +6
45 : #826476 : +8
47 : #87687b : +10
49 : #8d6d80 : +12
51 : #927285 : +14
53 : #97788a : +16
55 : #9b7d8f : +18
57 : #a08394 : +20
59 : #a48999 : +22
61 : #a88f9e : +24
63 : #ad94a3 : +26
65 : #b19aa8 : +28
67 : #b6a0ad : +30
69 : #baa6b2 : +32
71 : #bfabb7 : +34
73 : #c3b1bc : +36
75 : #c8b7c1 : +38
77 : #ccbdc6 : +40
79 : #d0c2cb : +42
81 : #d5c8d0 : +44
83 : #d9ced5 : +46
85 : #ded4da : +48
87 : #e2dadf : +50
89 : #e7dfe4 : +52
91 : #ebe5e9 : +54
93 : #efebee : +56
95 : #f4f1f3 : +58
97 : #f8f6f8 : +60
99 : #fdfcfd : +62
CSS入門、作ってます。
text-shadow