Utilz
색상 도구
무료 온라인 색상 도구
무료 브라우저 기반 색상 도구로 더 효과적으로 색상을 다루세요. HEX, RGB, HSL 간 변환, 조화로운 색상 팔레트 생성, CSS 그라데이션 시각적 제작, 접근성을 위한 대비 비율 확인, 이미지에서 색상 추출, 색각 이상 시뮬레이션까지. 디자이너와 프론트엔드 개발자를 위한 빠르고 정확한 색상 도구입니다.
왜 Utilz 색상 도구를 사용해야 할까요?
- 바로 복사 가능한 출력 -- HEX, RGB, HSL, CSS 코드를 스타일시트나 디자인 파일에 바로 붙여넣을 수 있습니다.
- 접근성 중심 -- 대비 체커가 WCAG 2.1 가이드라인을 따라 포용적이고 접근 가능한 디자인을 돕습니다.
- 시각적이고 인터랙티브 -- 인터랙티브 피커, 슬라이더, 실시간 그라데이션 미리보기로 색상 변화를 실시간으로 확인하세요.
HEX RGB 변환기
색상 포맷을 변환하세요
색상 팔레트 생성기
색상 팔레트를 생성하세요
CSS 그라데이션 생성기
CSS 그라데이션을 생성하세요
색상 대비 체커
색상 대비를 확인하세요
이미지 색상 추출
이미지에서 색상을 추출하세요
색상 이름 찾기
색상 이름을 찾으세요
Tailwind 색상 검색
Tailwind CSS 색상을 검색하세요
색맹 시뮬레이터
색맹 시뮬레이션을 확인하세요
자주 묻는 질문
어떤 색상 형식을 지원하나요?
HEX (3, 6, 8자리), RGB, RGBA, HSL, HSLA, CSS 네임드 컬러를 지원합니다. 변환 도구로 모든 형식 간 즉시 전환할 수 있습니다.
대비 체커는 어떻게 작동하나요?
WCAG 2.1 기준에 따라 전경색과 배경색 간의 명도 비율을 계산합니다. 일반 텍스트와 큰 텍스트 모두에 대해 AA 또는 AAA 표준 충족 여부를 알려줍니다.