Fast Clipping Path Tools — Image Converter, Background Remover, Filter & Watermark Remover
:root{
–bg:#ffffff;
–ink:#1b1917;
–film-black:#1b1917;
–film-black-2:#232019;
–paper:#f3efe4;
–blue:#2b4fdc;
–blue-dark:#1c37a3;
–red:#c8442f;
–sprocket:#4a463f;
–line:#e2ddd0;
–silver:#8b8577;
–muted:#6b665a;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
background:var(–bg);
color:var(–ink);
font-family:’Inter’,sans-serif;
line-height:1.5;
overflow-x:hidden;
}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
.eyebrow{
font-family:’IBM Plex Mono’,monospace;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:var(–blue);
}
/* ———- HERO ———- */
.hero{
padding:120px 0 90px;
position:relative;
}
.hero .eyebrow{margin-bottom:22px;}
h1{
font-family:’Anton’,sans-serif;
font-weight:400;
font-size:clamp(42px,7vw,84px);
line-height:.98;
text-transform:uppercase;
letter-spacing:.01em;
max-width:900px;
}
h1 span{color:var(–blue);}
.hero-sub{
margin-top:26px;
max-width:560px;
font-size:18px;
color:var(–muted);
}
.hero-cta{
margin-top:40px;
display:flex;
align-items:center;
gap:18px;
flex-wrap:wrap;
}
.btn{
display:inline-flex;
align-items:center;
gap:8px;
font-family:’IBM Plex Mono’,monospace;
font-size:13px;
text-transform:uppercase;
letter-spacing:.08em;
padding:14px 22px;
border-radius:2px;
transition:transform .2s, box-shadow .2s, background .2s;
}
.btn-primary{
background:var(–blue);
color:#fff;
font-weight:600;
}
.btn-primary:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(43,79,220,.28);
background:var(–blue-dark);
}
.btn-ghost{
border:1px solid var(–line);
color:var(–ink);
}
.btn-ghost:hover{border-color:var(–ink);}
/* ———- CONTACT SHEET / FILMSTRIP ———- */
.strip-section{
padding:20px 0 100px;
}
.strip-heading{
padding:0 0 44px;
max-width:640px;
}
.strip-heading h2{
font-family:’Anton’,sans-serif;
font-weight:400;
text-transform:uppercase;
font-size:clamp(28px,4vw,40px);
margin-top:14px;
}
.strip-heading p{
margin-top:14px;
color:var(–muted);
font-size:16px;
}
.filmstrip{
position:relative;
background:var(–film-black-2);
border:1px solid var(–sprocket);
box-shadow:0 30px 60px -30px rgba(27,25,23,.35);
}
.sprockets{
display:flex;
justify-content:space-between;
padding:0 18px;
background:#141210;
}
.sprockets span{
width:12px; height:12px;
margin:8px 0;
border-radius:2px;
background:var(–film-black);
border:1px solid var(–sprocket);
flex-shrink:0;
}
.frames{
display:grid;
grid-template-columns:repeat(4,1fr);
}
.frame{
position:relative;
border-right:1px dashed var(–sprocket);
padding:34px 26px 30px;
display:flex;
flex-direction:column;
min-height:340px;
transition:background .25s;
}
.frame:last-child{border-right:none;}
.frame:hover{background:rgba(43,79,220,.10);}
.frame-id{
font-family:’IBM Plex Mono’,monospace;
font-size:12px;
color:var(–silver);
letter-spacing:.06em;
}
.frame-icon{
margin-top:22px;
width:44px; height:44px;
display:flex; align-items:center; justify-content:center;
border:1px solid var(–sprocket);
border-radius:50%;
color:#8fa3ef;
transition:border-color .25s, transform .25s, color .25s;
}
.frame:hover .frame-icon{border-color:var(–blue); color:#a9bbf5; transform:scale(1.06);}
.frame-icon svg{width:20px; height:20px;}
.frame h3{
margin-top:22px;
font-family:’Anton’,sans-serif;
font-weight:400;
font-size:20px;
text-transform:uppercase;
line-height:1.15;
color:var(–paper);
}
.frame p{
margin-top:10px;
font-size:14.5px;
color:#c9c3b3;
flex-grow:1;
}
.frame-open{
margin-top:20px;
font-family:’IBM Plex Mono’,monospace;
font-size:12px;
text-transform:uppercase;
letter-spacing:.06em;
color:#8fa3ef;
display:inline-flex;
align-items:center;
gap:6px;
}
.frame-open svg{width:12px; height:12px; transition:transform .2s;}
.frame:hover .frame-open svg{transform:translateX(3px);}
/* ———- DARKROOM / CROSS-SELL ———- */
.darkroom{
padding:90px 0;
border-top:1px solid var(–line);
border-bottom:1px solid var(–line);
background:
radial-gradient(circle at 15% 30%, rgba(43,79,220,.06), transparent 45%),
#f7f6f2;
margin-bottom:80px;
}
.darkroom-inner{
display:flex;
gap:60px;
flex-wrap:wrap;
align-items:flex-end;
justify-content:space-between;
}
.darkroom-copy{max-width:560px;}
.darkroom-copy h2{
font-family:’Anton’,sans-serif;
font-weight:400;
text-transform:uppercase;
font-size:clamp(26px,4vw,36px);
margin-top:14px;
line-height:1.08;
}
.darkroom-copy p{
margin-top:16px;
color:var(–muted);
font-size:16px;
}
.darkroom-list{
display:flex;
flex-direction:column;
gap:10px;
font-family:’IBM Plex Mono’,monospace;
font-size:13px;
}
.darkroom-list a{
color:var(–ink);
border-bottom:1px solid var(–line);
padding-bottom:10px;
display:flex;
justify-content:space-between;
gap:24px;
transition:color .2s, border-color .2s;
}
.darkroom-list a:hover{color:var(–blue); border-color:var(–blue);}
.darkroom-list a span:last-child{color:var(–silver);}
/* ———- RESPONSIVE ———- */
@media (max-width:860px){
.frames{grid-template-columns:1fr 1fr;}
.frame{border-bottom:1px dashed var(–sprocket); min-height:0; padding:28px 22px;}
.frame:nth-child(2){border-right:none;}
.frame:nth-child(4){border-right:none;}
}
@media (max-width:560px){
.wrap{padding:0 20px;}
.hero{padding:80px 0 60px;}
.frames{grid-template-columns:1fr;}
.frame{border-right:none;}
}
@media (prefers-reduced-motion: reduce){
*{transition:none !important; scroll-behavior:auto !important;}
}
:focus-visible{outline:2px solid var(–blue); outline-offset:2px;}
FCP LABS — FREE BROWSER TOOLS
Four tools.
One lightbox.
Small, single-purpose image tools built by the Fast Clipping Path retouching team. No installs, no accounts to start — just drop in a photo and get a clean result back.
Contact Sheet
Pick a frame, open the tool
Each one runs as its own tool — pick the frame that matches the job.
Also from Fast Clipping Path
When a photo needs a real retoucher
These tools handle the quick jobs. For clipping paths, ghost mannequin, masking, or a full batch of e-commerce photos, our editing team takes it from there.
