Hyu-Sync, 내 재미있는 사이드 프로젝트

Source: Dev.to

Hyu‑Sync

시작점

이 프로젝트는 캔버스를 사용해 컬러 휠을 만들고 싶어서 시작했습니다. 그것을 구현한 뒤, 색상을 Hex, HSL, RGB 세 가지 형식으로 변환할 수 있는 컬러 피커를 만들기로 했습니다.

그와 함께, 이전에 사용한 색상을 추적할 수 있는 색상 히스토리 기능도 원했습니다. 색상을 저장하고, 찾아보고, 접근성을 확인하고, 팔레트를 만들기 위해 여러 웹사이트에 의존하고 있었기 때문입니다. 그래서 모든 기능을 하나의 사이트에 통합해 전체 과정을 더 쉽게 만들기로 했습니다.

기능

• 컬러 피커
• 컬러 포맷터 (Hex, HSL, RGB)
• 대비 검사기
• 컬러 히스토리
• 여섯 가지 색상 조화
• HSL 편집기
• 그라디언트 편집기
• 사용자 정의 팔레트 빌더

성능 및 접근성

이 사이트를 모든 사람이 접근할 수 있도록 만들고 싶어서, 로드 시 컬러 피커의 재렌더링을 방지하는 등 성능을 지속적으로 개선하고 있습니다. 또한 접근성에 대해 더 배우면서 가능한 한 사용자 친화적으로 만들기 위해 노력하고 있습니다.