Color-Matching App for Textile Business
Summary
Freelancer Client is hiring: Color-Matching App for Textile Business.
Location: Remote
Web Developer Needed: Color-Matching Web App (Using CIELAB & Delta E 2000)
I own a textile/thread business with a shade card of 700 unique colors. I need a lightweight, mobile-friendly web application where my staff can take a picture of a fabric sample, and the app will instantly tell them which of our 700 thread numbers is the closest match.
I am looking for a developer who understands basic color science. You cannot use simple RGB Euclidean distance for this match. The math must convert the camera's RGB input into the CIELAB color space and use the Delta E 2000 (CIEDE2000) formula to find the closest match. I will be using a controlled lighting environment (an LED lightbox) to take the photos, so the camera input will be consistent. Your job is to ensure the math running against that input is 100% accurate.
1 Camera Access: A simple UI with a "Scan Cloth" button that opens the mobile device's native back camera.
2 Targeting UI: A square or crosshair overlay on the screen so the user knows exactly where to place the cloth in the frame.
Skills: Data Processing, Node.js, React.js, Image Processing, Web Development, MongoDB, Image Analysis
Budget: $1500–$12500 USD
Source: Freelancer Client via Remote / Online. Apply on the source website.
Original
Project Title:
Web Developer Needed: Color-Matching Web App (Using CIELAB & Delta E 2000)
Project Overview:
I own a textile/thread business with a shade card of 700 unique colors. I need a lightweight, mobile-friendly web application where my staff can take a picture of a fabric sample, and the app will instantly tell them which of our 700 thread numbers is the closest match.
Important Note on Accuracy (Please read carefully):
I am looking for a developer who understands basic color science. You cannot use simple RGB Euclidean distance for this match. The math must convert the camera's RGB input into the CIELAB color space and use the Delta E 2000 (CIEDE2000) formula to find the closest match. I will be using a controlled lighting environment (an LED lightbox) to take the photos, so the camera input will be consistent. Your job is to ensure the math running against that input is 100% accurate.
Core Features & User Flow:
1 Camera Access: A simple UI with a "Scan Cloth" button that opens the mobile device's native back camera.
2 Targeting UI: A square or crosshair overlay on the screen so the user knows exactly where to place the cloth in the frame.
3 Color Extraction: Once snapped, the app draws the photo to a hidden HTML5 Canvas, extracts the RGB pixels from the center target box, and averages them to get a single RGB value.
4 Color Matching: The app converts that extracted RGB value to CIELAB, calculates the Delta E 2000 distance against my database of 700 colors, and finds the closest match. (You can use open-source JS libraries like chroma.js or delta-e for this math).
5 Results Display: Show the top 3 closest matches, displaying the Thread ID Number, the Hex color preview, and the Delta E score for each.
Data source - i have physical shade card i will sent it to you
Tech- React/ node / mongodb
Location & Details
Apply on source →About this listing
This remote opportunity was imported from Freelancer and is shown here for discovery. To apply, follow the link to the original posting.