CREATIVE TOOL HUB

크리에이티브한디자인 도구

색상 추출과 팔레트 구성부터 SVG 아이콘, 무료 폰트, 레이아웃 코드, 그림자 효과 생성까지 디자인 작업에 바로 쓰는 도구들을 모았습니다.

색상 도구

HEX, RGB, HSL 색상 코드를 즉시 확인하고 복사합니다.

사진과 썸네일에서 대표 색상을 뽑아 HEX 팔레트를 만듭니다.

텍스트와 배경 색상의 WCAG 대비 비율과 통과 여부를 확인합니다.

자연스럽고 세련된 CSS 그라데이션 코드를 빠르게 생성합니다.

한 번에 조화로운 색상 조합을 뽑아 초기 시안 아이디어를 넓힙니다.

상업적 이용이 가능한 고품질 벡터 아이콘 라이브러리를 한곳에서 비교합니다.

저작권 걱정 없이 사용할 수 있는 추천 한글/영문 폰트를 소개합니다.

CSS Grid와 Flexbox 레이아웃 코드를 시각적으로 설계하고 바로 복사합니다.

다중 레이어 box-shadow 값을 시각적으로 만들고 바로 복사합니다.

팔레트와 대비를 먼저 정리한 뒤 이미지 압축, 크기 조절, 워터마크 작업으로 바로 연결할 수 있습니다.

브랜드 톤에 맞는 아이콘 팩과 무료 폰트 후보를 빠르게 비교하고 공식 소스로 바로 이동할 수 있습니다.

색상 결정 뒤 그리드와 그림자 코드를 바로 생성해 실제 UI 시안이나 개발 작업으로 이어갈 수 있습니다.