색상·이미지 도구

색 작업은 두 가지 질문에서 시작합니다. 이 색은 다른 표기로 무엇인가, 그리고 읽을 수 있는가입니다. 색상 변환기는 HEX, RGB, HSL, OKLCH 사이를 변환해 디자인 토큰, CSS 변수, 스크린샷에서 뽑은 값이 모두 같은 색을 가리키게 합니다. 색 대비 검사기는 글자색과 배경색 조합에 WCAG 공식을 적용해 일반 텍스트, 큰 텍스트, 인터페이스 구성요소에 대한 AA·AAA 결과를 알려 주고, 조합이 실패하면 쓸 수 있는 보정된 색도 제안합니다. 이미지 색상 팔레트 추출기는 사진이나 로고에서 주요 색을 뽑아, 눈대중이 아니라 실제 이미지에서 페이지의 색 테마를 정하게 해 줍니다.

이미지 도구는 게시 직전에 부딪히는 실무 문제를 해결합니다. 이미지 리사이저는 정확한 픽셀 크기로 줄이고, 이미지 크롭퍼는 1:1, 16:9, 4:5 또는 사용자 지정 비율로 자르며, 이미지 압축기는 목표 파일 크기에 맞춥니다. 양식이 2MB를 넘는 파일을 거부할 때 필요한 기능입니다. EXIF 메타데이터 제거기는 사진을 올리기 전에 GPS 좌표와 카메라 정보를 지우고, SVG 최적화 도구는 벡터 파일에서 편집기가 남긴 불필요한 코드를 걷어내 줄어든 바이트를 보여 줍니다.

생성기 두 가지가 이 묶음을 마무리합니다. 파비콘 생성기는 원본 이미지 하나로 파비콘 크기 세트와 대응하는 HTML 태그를 만들고, QR 코드 생성기는 링크, 일반 텍스트, Wi-Fi 정보를 PNG나 SVG QR 코드로 만듭니다. 모두 브라우저에서 실행되므로 사진과 로고는 내 기기에서 처리되며 서버로 업로드되지 않습니다.