HTML 색상 선택기
사용 가능색상을 고르고 실시간으로 미리본 뒤 HEX, RGB, HSL 값을 바로 복사하세요.
도구 열기 →
카테고리
색상 & 이미지
색상 선택, 팔레트 구성, 이미지 편집처럼 자주 쓰는 시각 작업용 도구를 모았습니다.
카테고리 소개
색상 선택, 팔레트 구성, 이미지 편집처럼 자주 쓰는 시각 작업용 도구를 모았습니다. 홈페이지에서 카테고리, 가이드, 도구로 자연스럽게 이동할 수 있습니다.
이 카테고리가 유용한 이유
- 빠른 브라우저 작업에 적합합니다.
- 도구와 가이드를 함께 연결합니다.
- 초보자도 읽기 쉽게 구성했습니다.
전체 도구
이 카테고리의 도구
색상 선택, 팔레트 구성, 이미지 편집처럼 자주 쓰는 시각 작업용 도구를 모았습니다.
이미지 색상 추출기
사용 가능이미지를 올리고 원하는 지점을 클릭해 커서 아래의 정확한 색상을 확인하세요.
도구 열기 →
팔레트 생성기
사용 가능기준 색상을 선택하면 UI, 브랜딩, 콘텐츠에 맞는 균형 잡힌 팔레트를 만듭니다.
도구 열기 →
대비 검사기
사용 가능텍스트와 배경 색상을 비교해 대비 비율과 WCAG 기준 충족 여부를 확인하세요.
도구 열기 →
그라디언트 생성기
사용 가능색상과 각도를 조정하고 깔끔한 CSS 그라디언트 코드를 바로 복사하세요.
도구 열기 →
CSS 변수 생성기
사용 가능색상 토큰을 만들고 미리본 뒤 바로 사용할 CSS 변수를 복사하세요.
도구 열기 →
이미지 압축기
사용 가능브라우저에서 JPG 또는 PNG 이미지를 압축하고 품질 균형을 쉽게 맞추세요.
도구 열기 →
WebP 변환기
사용 가능일반 이미지 파일을 가벼운 WebP 형식으로 브라우저에서 바로 변환하세요.
도구 열기 →
이미지 크기 조절기
사용 가능목표 크기를 설정하고 웹과 소셜용 PNG 또는 JPG로 다시 저장하세요.
도구 열기 →
가이드
관련 가이드
이미지 형식, 마케팅 링크, 개발 작업의 기본 맥락을 짧게 설명합니다.
카테고리
계속 둘러보기
홈페이지에서 카테고리, 가이드, 도구로 자연스럽게 이동할 수 있습니다.