프로젝트 소개
Hueclid는 스크린샷이나 사진을 접근성 있는 UI 색상 팔레트로 변환하는 오픈소스 도구입니다. 일반적인 팔레트 생성기가 지배적인 색상을 추출하고 끝내는 것과 달리, Hueclid는 팔레트 생성을 제약 최적화 문제로 취급하여 배경, 표면, 텍스트, 기본 동작, 위험 등 디자인 시스템 역할을 생성하며, 각 역할은 이전 WCAG 2 대비 비율 대신 APCA(접근성 지각 대비 알고리즘)를 사용하여 서로 대비를 검증합니다.
핵심 알고리즘인 ACCORD는 소스 이미지의 실제 색상에 충실하면서 방향성 역할 그래프의 모든 대비 제약을 동시에 만족하는 팔레트를 탐색합니다. CP-SAT(제약 프로그래밍과 SAT)를 사용하여 정확한 해결을 수행하므로 결과는 증명 가능하게 정확하거나 증명 가능하게 불가능하며, 유효한 팔레트가 없을 때 어떤 제약이 문제인지 명확히 표시합니다.
프로젝트는 초기 단계이지만 작동하는 FastAPI 백엔드와 Next.js 프론트엔드를 갖추고 있으며 hueclid.cinexg.com에서 공개적으로 호스팅됩니다. 색상 수학이 구현되고 검증되었습니다: sRGB를 CIELAB으로 변환, CIEDE2000 색차(Sharma et al. 2005 참조 데이터로 확인), Oklab 및 Oklch(CSS 색상 4 참조 행렬로 확인), Oklch의 색역 매핑, Lab 공간 히스토그램 비닝, 가중 k-평균 팔레트 추출기. 데이터셋 수집을 위해 Postgres 지원 Lab 공간 히스토그램 빈 캐시가 구축되었으며, Rico, Enrico, WebUI 데이터셋(10만 개 이상의 실제 스크린샷)으로 검증되었습니다.
이 프로젝트는 Colorgorical 및 Palettailor 같은 관련 작업과 구별되는 점은 APCA를 생성 내부의 하드 제약으로 처리하고(사후 필터가 아님), 방향성 제약 그래프를 가진 유형화된 디자인 시스템 역할을 생성하며(평평한 구분 가능한 색상 집합이 아님), 제약 선택 단계를 확률적 탐색이 아닌 정확하게 해결한다는 것입니다.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.