컬러 도구 모음
디자이너와 프론트엔드 개발자를 위한 무료 컬러 유틸리티 모음입니다. HEX·RGB·HSL 색상 상호 변환, 스크린 컬러 피커(스포이드), 8색 조화 팔레트 생성기, 웹 접근성 표준 WCAG 2.1 명도 대비(Contrast Ratio) 검사를 무료로 제공합니다.
어떤 도구를 제공하나요?
하나의 색상에서 개발용 HEX·RGB·HSL 값을 얻고, 조화 팔레트를 만들며, 전경과 배경의 접근성 대비를 수치로 확인합니다.
4개 도구
컬러 피커·색상 변환기
색상을 HEX, RGB, HSL 코드로 변환합니다.
색상 팔레트 생성기
기준색에서 조화로운 8색 팔레트를 생성합니다.
WCAG 색상 대비 검사기
글자와 배경색의 접근성 대비율을 검사합니다.
무료 폰트 모음
상업적으로 사용할 수 있는 무료 폰트와 공식 링크를 안내합니다.
일치하는 도구가 없습니다.
무료 컬러 도구 모음 상세 안내 & FAQ
디자인 시스템 구축과 프론트엔드 퍼블리싱, WCAG 접근성 검증을 위한 핵심 색상 도구를 한곳에서 제공합니다.
주요 기능 및 동작 원리
스크린 컬러 피커 & 스포이드
최신 브라우저 EyeDropper API를 통해 화면의 어떤 픽셀이든 정확한 색상 코드를 직접 추출하고 클립보드에 복사할 수 있습니다.
HEX · RGB · HSL 무손실 변환
단일 색상 입력만으로 웹 표준 CSS 포맷인 HEX, RGB, HSL, HSV, CMYK 값을 실시간으로 동시 계산하여 제공합니다.
8색 조화 팔레트 자동 생성
보색(Complementary), 유사색(Analogous), 삼색(Triadic) 등 색채학 이론에 기반한 8색 조화 팔레트와 명도 그라데이션 톤을 자동 생성합니다.
WCAG 2.1 접근성 명도 대비 검사
전경색과 배경색 간의 명도 대비율(Contrast Ratio)을 측정하여 WCAG AA(4.5:1) 및 AAA(7.0:1) 적합 여부를 즉시 판정합니다.
3단계 간편 사용 가이드
컬러 도구 선택
컬러 피커, 색상 변환기, 조화 팔레트 생성기, WCAG 명도 대비 검사기 중 필요한 도구를 선택합니다.
색상 입력 또는 스포이드 추출
HEX 코드나 RGB 값을 직접 입력하거나, 스포이드 툴로 화면 속 원하는 색상을 직접 클릭합니다.
변환값 복사 및 팔레트 저장
원클릭으로 CSS 코드를 복사하거나 생성된 컬러 팔레트를 이미지 및 코드로 저장하여 프로젝트에 활용합니다.