🎨 디자이너를 위한 무료 도구

색상 작업,
훨씬 빠르게

HEX, RGB, HSL 변환부터 팔레트 생성, 그라디언트, 보색 추출까지. 디자이너가 매일 쓰는 색상 도구를 한 곳에서.

변환 & 분석 도구

HEX / RGB / HSL 변환기

세 가지 색상 코드 형식을 실시간으로 변환합니다. 색상 피커로 직접 선택도 가능.

변환하기 →

보색 / 유사색 추출기

보색, 유사색, 삼각색, 사각색 등 색상 이론에 기반한 조화로운 색 조합을 제안합니다.

추출하기 →

색상 이름 찾기

HEX 코드를 입력하면 가장 가까운 CSS 색상 이름과 유사 색상 목록을 보여줍니다.

찾아보기 →

생성 도구

색상 팔레트 생성기

기준 색상으로 단색, 보색, 유사색, 트리아드 팔레트를 자동 생성합니다.

생성하기 →

그라디언트 생성기

선형/방사형 그라디언트를 만들고 CSS 코드를 바로 복사하세요.

색상 코드 한눈에 보기

선택한 색상의 HEX, RGB, HSL, CMYK, CSS 변수까지 한 번에 확인하고 복사합니다.

확인하기 →

색상 가이드

HEX, RGB, HSL 차이 완벽 정리

세 가지 색상 코드의 구조와 언제 무엇을 써야 하는지 알아봅니다

웹 색상 기초 — 디자이너가 알아야 할 색상 코드

웹 개발과 디자인에서 색상 코드를 다루는 방법을 정리합니다

보색·유사색이란? 색상 이론 기초 가이드

색상환과 배색 원리를 이해하면 디자인 퀄리티가 달라집니다