#6b5038
RGB ( 赤 = 107, 緑 = 80, 青 = 56 )
HSL ( 色相 = 28°, 彩度 = 31%, 明度 = 32% )
H : 色相 ( 28° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6b3f38 : -20
18 : #6b4738 : -10
28 : #6b5038 : ±0
38 : #6b5838 : +10
48 : #6b6138 : +20
58 : #6b6938 : +30
68 : #646b38 : +40
78 : #5c6b38 : +50
88 : #536b38 : +60
98 : #4b6b38 : +70
108 : #426b38 : +80
118 : #3a6b38 : +90
128 : #386b3f : +100
138 : #386b47 : +110
148 : #386b50 : +120
158 : #386b58 : +130
168 : #386b61 : +140
178 : #386b69 : +150
188 : #38646b : +160
198 : #385c6b : +170
208 : #38536b : +180
218 : #384b6b : +190
228 : #38426b : +200
238 : #383a6b : +210
248 : #3f386b : +220
258 : #47386b : +230
268 : #50386b : +240
278 : #58386b : +250
288 : #61386b : +260
298 : #69386b : +270
308 : #6b3864 : +280
318 : #6b385c : +290
328 : #6b3853 : +300
338 : #6b384b : +310
348 : #6b3842 : +320
358 : #6b383a : +330
18 : #6b4738 : -10
19 : #6b4838 : -9
20 : #6b4938 : -8
21 : #6b4a38 : -7
22 : #6b4b38 : -6
23 : #6b4c38 : -5
24 : #6b4d38 : -4
25 : #6b4d38 : -3
26 : #6b4e38 : -2
27 : #6b4f38 : -1
28 : #6b5038 : ±0
29 : #6b5138 : +1
30 : #6b5238 : +2
31 : #6b5238 : +3
32 : #6b5338 : +4
33 : #6b5438 : +5
34 : #6b5538 : +6
35 : #6b5638 : +7
36 : #6b5738 : +8
37 : #6b5838 : +9
38 : #6b5838 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525251 : -30
3 : #54514f : -28
5 : #56514e : -26
7 : #57514c : -24
9 : #59514a : -22
11 : #5b5149 : -20
13 : #5c5147 : -18
15 : #5e5145 : -16
17 : #5f5144 : -14
19 : #615142 : -12
21 : #635040 : -10
23 : #64503f : -8
25 : #66503d : -6
27 : #68503c : -4
29 : #69503a : -2
31 : #6b5038 : ±0
33 : #6d5037 : +2
35 : #6e5035 : +4
37 : #705033 : +6
39 : #714f32 : +8
41 : #734f30 : +10
43 : #754f2f : +12
45 : #764f2d : +14
47 : #784f2b : +16
49 : #7a4f2a : +18
51 : #7b4f28 : +20
53 : #7d4f26 : +22
55 : #7e4f25 : +24
57 : #804e23 : +26
59 : #824e21 : +28
61 : #834e20 : +30
63 : #854e1e : +32
65 : #874e1d : +34
67 : #884e1b : +36
69 : #8a4e19 : +38
71 : #8c4e18 : +40
73 : #8d4e16 : +42
75 : #8f4e14 : +44
77 : #904d13 : +46
79 : #924d11 : +48
81 : #944d10 : +50
83 : #954d0e : +52
85 : #974d0c : +54
87 : #994d0b : +56
89 : #9a4d09 : +58
91 : #9c4d07 : +60
93 : #9d4d06 : +62
95 : #9f4c04 : +64
97 : #a14c02 : +66
99 : #a24c01 : +68
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070504 : -30
4 : #0d0a07 : -28
6 : #140f0b : -26
8 : #1b140e : -24
10 : #211912 : -22
12 : #281e15 : -20
14 : #2f2319 : -18
16 : #35281c : -16
18 : #3c2d20 : -14
20 : #433223 : -12
22 : #493727 : -10
24 : #503c2a : -8
26 : #57412e : -6
28 : #5e4631 : -4
30 : #644b35 : -2
32 : #6b5038 : ±0
34 : #72553c : +2
36 : #785a3f : +4
38 : #7f5f43 : +6
40 : #866446 : +8
42 : #8c694a : +10
44 : #936e4d : +12
46 : #9a7351 : +14
48 : #a07854 : +16
50 : #a77d58 : +18
52 : #ab825f : +20
54 : #ae8765 : +22
56 : #b28c6c : +24
58 : #b59273 : +26
60 : #b99779 : +28
62 : #bc9c80 : +30
64 : #c0a187 : +32
66 : #c3a78d : +34
68 : #c7ac94 : +36
70 : #cab19b : +38
72 : #ceb6a1 : +40
74 : #d1bba8 : +42
76 : #d5c1af : +44
78 : #d8c6b6 : +46
80 : #dccbbc : +48
82 : #dfd0c3 : +50
84 : #e3d5ca : +52
86 : #e6dbd0 : +54
88 : #eae0d7 : +56
90 : #ede5de : +58
92 : #f1eae4 : +60
94 : #f4efeb : +62
96 : #f8f5f2 : +64
98 : #fbfaf8 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow