🍋 Image Tools

Image Filters

Apply visual filters like grayscale, sepia, and vintage.

Free ブラウザのみ No sign-up 人気

🍋

ドロップ

🫸

Squeeze

🍹

Fresh!

⚙️ Squeeze Settings

フィルター

強度

出力形式

🍋

Freshly Squeezed!

Browse tools

Image Filtersについて

Apply visual filters to JPEG, PNG, and WebP images in your browser. Choose from presets like grayscale, sepia, invert, vintage, cold, and warm. Adjust the intensity to fine-tune the effect.

仕組み

The Canvas 2D context's CSS filter property is used to apply visual effects. Simple filters use a single CSS function (grayscale, sepia, invert). Compound filters like vintage combine sepia + contrast + brightness for more complex effects.

ステップごとの使い方

1 [
2 '
3 U
4 p
5 l
6 o
7 a
8 d
9
10 o
11 n
12 e
13
14 o
15 r
16
17 m
18 o
19 r
20 e
21
22 i
23 m
24 a
25 g
26 e
27 s
28
29 (
30 J
31 P
32 E
33 G
34 ,
35
36 P
37 N
38 G
39 ,
40
41 o
42 r
43
44 W
45 e
46 b
47 P
48 )
49 '
50 ,
51
52 '
53 S
54 e
55 l
56 e
57 c
58 t
59
60 a
61
62 f
63 i
64 l
65 t
66 e
67 r
68
69 p
70 r
71 e
72 s
73 e
74 t
75
76 (
77 g
78 r
79 a
80 y
81 s
82 c
83 a
84 l
85 e
86 ,
87
88 s
89 e
90 p
91 i
92 a
93 ,
94
95 i
96 n
97 v
98 e
99 r
100 t
101 ,
102
103 v
104 i
105 n
106 t
107 a
108 g
109 e
110 ,
111
112 c
113 o
114 l
115 d
116 ,
117
118 w
119 a
120 r
121 m
122 )
123 '
124 ,
125
126 '
127 A
128 d
129 j
130 u
131 s
132 t
133
134 t
135 h
136 e
137
138 i
139 n
140 t
141 e
142 n
143 s
144 i
145 t
146 y
147
148 s
149 l
150 i
151 d
152 e
153 r
154
155 t
156 o
157
158 c
159 o
160 n
161 t
162 r
163 o
164 l
165
166 t
167 h
168 e
169
170 e
171 f
172 f
173 e
174 c
175 t
176
177 s
178 t
179 r
180 e
181 n
182 g
183 t
184 h
185 '
186 ,
187
188 '
189 C
190 l
191 i
192 c
193 k
194
195 A
196 p
197 p
198 l
199 y
200
201 t
202 o
203
204 p
205 r
206 o
207 c
208 e
209 s
210 s
211
212 y
213 o
214 u
215 r
216
217 i
218 m
219 a
220 g
221 e
222 s
223 '
224 ,
225
226 '
227 D
228 o
229 w
230 n
231 l
232 o
233 a
234 d
235
236 t
237 h
238 e
239
240 f
241 i
242 l
243 t
244 e
245 r
246 e
247 d
248
249 r
250 e
251 s
252 u
253 l
254 t
255 s
256 '
257 ]

ヒント

[
'
G
r
a
y
s
c
a
l
e
a
t
1
0
0
%
c
r
e
a
t
e
s
a
c
l
a
s
s
i
c
b
l
a
c
k
-
a
n
d
-
w
h
i
t
e
p
h
o
t
o
.
'
,
'
V
i
n
t
a
g
e
c
o
m
b
i
n
e
s
s
e
p
i
a
t
o
n
e
s
w
i
t
h
s
l
i
g
h
t
l
y
b
o
o
s
t
e
d
c
o
n
t
r
a
s
t
.
'
,
'
C
o
l
d
f
i
l
t
e
r
d
e
s
a
t
u
r
a
t
e
s
a
n
d
s
h
i
f
t
s
c
o
l
o
r
s
t
o
w
a
r
d
s
b
l
u
e
t
o
n
e
s
.
'
,
'
U
s
e
i
n
t
e
n
s
i
t
y
b
e
l
o
w
1
0
0
%
f
o
r
a
s
u
b
t
l
e
,
n
a
t
u
r
a
l
-
l
o
o
k
i
n
g
e
f
f
e
c
t
.
'
]

Categories

Image Filters

⚙️ Squeeze Settings

Image Filtersについて

仕組み

ステップごとの使い方

ヒント

よくある質問