#6b5266
RGB ( 赤 = 107, 緑 = 82, 青 = 102 )
HSL ( 色相 = 312°, 彩度 = 13%, 明度 = 37% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #6b5352 : -310
12 : #6b5752 : -300
22 : #6b5b52 : -290
32 : #6b5f52 : -280
42 : #6b6352 : -270
52 : #6b6752 : -260
62 : #6a6b52 : -250
72 : #666b52 : -240
82 : #626b52 : -230
92 : #5e6b52 : -220
102 : #596b52 : -210
112 : #556b52 : -200
122 : #526b53 : -190
132 : #526b57 : -180
142 : #526b5b : -170
152 : #526b5f : -160
162 : #526b63 : -150
172 : #526b67 : -140
182 : #526a6b : -130
192 : #52666b : -120
202 : #52626b : -110
212 : #525e6b : -100
222 : #52596b : -90
232 : #52556b : -80
242 : #53526b : -70
252 : #57526b : -60
262 : #5b526b : -50
272 : #5f526b : -40
282 : #63526b : -30
292 : #67526b : -20
302 : #6b526a : -10
312 : #6b5266 : ±0
322 : #6b5262 : +10
332 : #6b525e : +20
342 : #6b5259 : +30
352 : #6b5255 : +40
302 : #6b526a : -10
303 : #6b5269 : -9
304 : #6b5269 : -8
305 : #6b5269 : -7
306 : #6b5268 : -6
307 : #6b5268 : -5
308 : #6b5267 : -4
309 : #6b5267 : -3
310 : #6b5267 : -2
311 : #6b5266 : -1
312 : #6b5266 : ±0
313 : #6b5265 : +1
314 : #6b5265 : +2
315 : #6b5264 : +3
316 : #6b5264 : +4
317 : #6b5264 : +5
318 : #6b5263 : +6
319 : #6b5263 : +7
320 : #6b5262 : +8
321 : #6b5262 : +9
322 : #6b5262 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5f5d5f : -12
3 : #615c60 : -10
5 : #635a61 : -8
7 : #655862 : -6
9 : #675663 : -4
11 : #695465 : -2
13 : #6b5266 : ±0
15 : #6d5067 : +2
17 : #6e4e68 : +4
19 : #704c69 : +6
21 : #724b6a : +8
23 : #74496b : +10
25 : #76476d : +12
27 : #78456e : +14
29 : #7a436f : +16
31 : #7c4170 : +18
33 : #7d3f71 : +20
35 : #7f3d72 : +22
37 : #813b73 : +24
39 : #833a74 : +26
41 : #853876 : +28
43 : #873677 : +30
45 : #893478 : +32
47 : #8b3279 : +34
49 : #8d307a : +36
51 : #8e2e7b : +38
53 : #902c7c : +40
55 : #922a7d : +42
57 : #94297f : +44
59 : #962780 : +46
61 : #982581 : +48
63 : #9a2382 : +50
65 : #9c2183 : +52
67 : #9e1f84 : +54
69 : #9f1d85 : +56
71 : #a11b87 : +58
73 : #a31988 : +60
75 : #a51889 : +62
77 : #a7168a : +64
79 : #a9148b : +66
81 : #ab128c : +68
83 : #ad108d : +70
85 : #af0e8e : +72
87 : #b00c90 : +74
89 : #b20a91 : +76
91 : #b40892 : +78
93 : #b60793 : +80
95 : #b80594 : +82
97 : #ba0395 : +84
99 : #bc0196 : +86
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -36
3 : #090708 : -34
5 : #0e0b0e : -32
7 : #141013 : -30
9 : #1a1419 : -28
11 : #20181e : -26
13 : #251d24 : -24
15 : #2b2129 : -22
17 : #31262f : -20
19 : #372a34 : -18
21 : #3d2f3a : -16
23 : #42333f : -14
25 : #483745 : -12
27 : #4e3c4a : -10
29 : #544050 : -8
31 : #594555 : -6
33 : #5f495b : -4
35 : #654e60 : -2
37 : #6b5266 : ±0
39 : #70576b : +2
41 : #765b71 : +4
43 : #7c5f76 : +6
45 : #82647c : +8
47 : #876881 : +10
49 : #8d6d87 : +12
51 : #92728c : +14
53 : #977890 : +16
55 : #9b7d95 : +18
57 : #a0839a : +20
59 : #a4899f : +22
61 : #a88fa3 : +24
63 : #ad94a8 : +26
65 : #b19aad : +28
67 : #b6a0b1 : +30
69 : #baa6b6 : +32
71 : #bfabbb : +34
73 : #c3b1c0 : +36
75 : #c8b7c4 : +38
77 : #ccbdc9 : +40
79 : #d0c2ce : +42
81 : #d5c8d2 : +44
83 : #d9ced7 : +46
85 : #ded4dc : +48
87 : #e2dae0 : +50
89 : #e7dfe5 : +52
91 : #ebe5ea : +54
93 : #efebef : +56
95 : #f4f1f3 : +58
97 : #f8f6f8 : +60
99 : #fdfcfd : +62
CSS入門、作ってます。
text-shadow