색상 & 디자인 도구
색상 & 디자인 도구 소개
컬러 피커, 색상 코드 변환, 명도 대비 검사, 색상 팔레트 생성 등 배색과 디자인 작업을 돕는 무료 도구 모음입니다. 모두 브라우저 안에서 동작하며 가입이나 설치가 필요 없습니다.
UI 배색 결정, 접근성(WCAG)을 고려한 대비 확인, 브랜드 컬러 선정 등에 유용합니다. 디자이너·웹 제작자·프런트엔드 엔지니어 등 색을 다루는 모든 분께 추천합니다.
색상 & 디자인 도구 목록
컬러 피커
이미지에서 색을 추출해 HEX·RGB·HSL 컬러 코드를 얻는 무료 컬러 피커입니다. 돋보기로 확대해 픽셀 단위로 정확히 색을 고르고 팔레트를 내보낼 수 있습니다. 가입 없이 바로 사용할 수 있습니다.
컬러 코드 변환
HEX·RGB·HSL·HSV·OKLCH 컬러 코드를 서로 변환하는 무료 도구입니다. 투명도(RGBA·8자리 HEX·HSLA)와 CMYK 참고값도 지원하며, 입력한 색을 모든 형식으로 한 번에 변환해 원클릭 복사할 수 있습니다. 웹 브라우저만으로 완결됩니다.
명도 대비 검사
전경색과 배경색의 명도 대비(콘트라스트 비율)를 실시간으로 계산하는 무료 명도 대비 검사 도구입니다. WCAG 2.1·2.2 AA·AAA 판정과 통과색 자동 제안, 색각 시뮬레이션, APCA를 지원합니다. 웹 브라우저만으로 완결됩니다.
색상 팔레트 생성기
베이스 컬러를 한 가지만 고르면 보색·유사색·트라이어드 등 색채 이론에 기반한 색상 팔레트를 자동으로 만들어 주는 무료 배색 생성기입니다. CSS 변수·Tailwind·SCSS·JSON 형식으로 내보낼 수 있고 명암 대비의 기준도 확인할 수 있습니다. 웹 브라우저만으로 완결됩니다.