designtool.tools는 무엇인가요?

무료 온라인 디자인 도구 — 테두리 반경, 상자 그림자, 색상 변환 등.

예, 모든 도구는 등록 없이 무료입니다.

디자인 도구 — designtool.tools — 무료 온라인 디자인 및 색상 도구

하나의 도구 키트로
모든 설계 작업

색상 이론부터 명암 준수까지 — 디자이너와 개발자를 위해 제작된 10가지 도구

⬡

테두리 둥글기

실시간 미리보기가 가능한 시각적 경계 반경 편집기. 개별 코너 컨트롤을 사용하여 CSS 코드를 복사합니다.

CSS · 비주얼 편집기

◻

그림자 생성기

다중 레이어링, 실시간 캔버스 미리보기 및 CSS 출력을 갖춘 대화형 상자 그림자 빌더입니다.

CSS · 레이어드

색맹 시뮬레이터

색맹 사용자에게 색상이 어떻게 보이는지 시뮬레이션합니다.

접근성·시뮬레이션

🔄

색상 변환기

즉각적인 양방향 변환을 통해 HEX, RGB, HSL, CMYK 및 OKLCH 간 변환이 가능합니다.

변환기 · 모든 형식

◎

색상환

색상, 채도, 색상 관계를 탐색할 수 있는 대화형 색상환입니다. 색상을 선택하고 잠그려면 클릭하세요.

인터랙티브·시각적

👁

대비 검사기

텍스트 및 배경 색상에 대한 WCAG AA/AAA 준수를 확인합니다. 즉각적인 접근성 등급을 받으세요.

접근성 · AA/AAA

CSS Grid 생성기

실시간 미리보기로 CSS Grid 레이아웃을 시각적으로 생성합니다.

CSS·비주얼 에디터

🔤

폰트 페어링

선별된 컬렉션에서 제목과 본문 텍스트의 조화로운 글꼴 조합을 찾아보세요.

타이포그래피 · 300개 이상의 글꼴

🌈

그라데이션 생성기

실시간 캔버스 미리보기를 통해 아름다운 선형 및 방사형 그래디언트를 디자인하세요. CSS 코드를 즉시 복사하세요.

그라데이션 · CSS 내보내기

그라데이션 프리셋

15개의 아름다운 그라데이션 프리셋을 찾아보고 복사하세요.

프리셋·원클릭

🖼

이미지 팔레트

스마트 색상 양자화를 사용하여 모든 이미지에서 아름다운 색상 팔레트를 추출합니다.

추출·스마트

🎨

팔레트 생성기

단색, 보색, 유사, 삼원색 모드를 사용하여 조화로운 색상 구성표를 만듭니다. CSS 내보내기를 통한 실시간 미리보기.

컬러 · 인터랙티브

📐

UI 색상 시스템

단일 시드 색상으로 완전한 디자인 토큰 팔레트를 생성합니다. Tailwind, CSS 또는 SCSS로 내보냅니다.

디자인 토큰 · Tailwind

🌍

14개 언어

모든 도구, 모든 라벨, 모든 가이드가 완벽하게 번역되었습니다.

♿

접근성 우선

모든 팔레트에는 WCAG 대비 점수가 포함되어 있습니다. 처음부터 포괄적으로 디자인하세요.

⚡

개발자 친화적 내보내기

CSS, Tailwind, SCSS, JSON — 프로젝트에 필요한 형식을 복사하세요.

모두를 위한, 어디서나디자인 도구

하나의 도구 키트로모든 설계 작업