CColorWell
ColorWell 시작하기
팔레트 + 접근성 툴킷

아름다운 팔레트. 검증된 대비. 하나의 워크플로우.

브랜드 색상을 입력하면 조화로운 팔레트, 모든 WCAG 검증 결과 및 CSS, Tailwind, Figma용 내보내기 기능을 페이지 이탈 없이 제공합니다.

월 $5부터 시작 — 언제든 해지 가능

Live — works right here

팔레트 생성

브랜드 색상을 선택하세요. ColorWell가 나머지를 완성합니다.

유사색

색조 (밝음 → 어두움)

내보내기

디자인 토큰 다운로드

프로

전체 팔레트와 색조 램프를 바로 사용 가능한 파일로 저장하세요.

파일 다운로드를 위해 Pro로 업그레이드

대비 확인

팔레트에서 두 색상을 선택하세요. ColorWell가 WCAG 적합성을 표시합니다.

Aa
The quick brown fox jumps over the lazy dog.
2.77
비율

판정: WCAG 미충족

브랜드 팔레트에 필요한 모든 것

매일 인터페이스를 구축하는 현직 디자이너와 프런트엔드 팀을 위해 만들어졌습니다.

조화로운 팔레트

임의의 HEX 색상을 선택하세요. ColorWell가 유사, 보색, 삼원색 및 단색 스킴을 클릭 한 번으로 생성합니다.

WCAG 대비 — 즉시 확인

팔레트의 모든 색상 쌍에 대해 텍스트, 대형 텍스트 및 UI 컴포넌트 기준으로 AA/AAA 등급을 판정합니다.

CSS, Tailwind, Figma 내보내기

CSS 변수, Tailwind 설정, 원시 JSON 토큰 또는 붙여넣기 가능한 Figma 스타일로 클릭 한 번에 내보내세요.

브랜드 안전 변형

색조를 유지하며 밝기, 어두움 및 채도를 조절하세요. ColorWell는 지각적 색상 공간(Oklch) 내에서 작동합니다.

명명된 토큰

"indigo-500" 또는 "slate-700"과 같은 자동 명명 규칙으로 스타일시트를 HEX 코드보다 사람이 읽기 쉽게 유지합니다.

팔레트 저장 및 동기화

생성한 모든 팔레트는 이름 지정, 태그 추가 및 나중에 다시 방문하여 보관할 수 있습니다. Pro 플랜은 클라우드 동기화를 지원합니다.

세 단계

단일 브랜드 색상에서 시작하여 완성된 스타일시트로 마무리하세요.

1

선택

HEX 값을 입력하거나 색상 선택기를 사용하세요.

2

생성

ColorWell가 조화로운 팔레트를 생성하고 모든 대비 검사를 수행합니다.

3

내보내기

CSS, Tailwind 또는 Figma 토큰을 복사하여 코드베이스에 바로 붙여넣으세요.

간편한 가격 정책

플랜을 선택하고 HEX 코드와 씨름하지 마세요.

스타터

솔로 디자이너용

$5/월
  • 월 100개 팔레트 저장
  • 무제한 대비 검사
  • CSS / Tailwind / JSON 내보내기
  • 브랜드 안전 변형
가장 인기 있는 플랜
프로

브랜드 팀용

$15/월
  • 월 2000개 팔레트 저장
  • Figma 토큰 내보내기
  • 브랜드 키트 (멀티 팔레트 프로젝트)
  • 클라우드 동기화 라이브러리
  • 우선 지원

자주 묻는 질문

설치가 필요한가요?

아니요. ColorWell는 브라우저에서 완전히 실행되며, 동기화를 선택할 때까지 색상이 기기를 벗어나지 않습니다.

어떤 색상 공간을 사용하나요?

ColorWell는 내부적으로 Oklch를 사용합니다. 변형이 지각적 색상 공간 내에 유지되므로 브랜드 색상을 밝게 해도 색상 값이 변하지 않습니다.

내보내기 기능은 어떻게 작동하나요?

CSS 변수, Tailwind 설정 블록, 원시 JSON 또는 Figma용 스타일을 클릭 한 번으로 클립보드에 복사하세요. 코드나 디자인 도구에 바로 붙여넣으시면 됩니다.

무료 체험이 있나요?

아니요, 월 $5부터 시작하는 유료 도구입니다. Starter는 월 $5, Pro는 월 $15이며 언제든지 취소할 수 있습니다.

취소 방법은?

계정 페이지에서 또는 이메일로 취소할 수 있습니다. 취소 시 다음 갱신은 중단되며 남은 기간은 계속 사용할 수 있습니다.

HEX 코드를 수동으로 조정하지 마세요.

팔레트를 생성하고 스타일시트를 배포하세요. 모든 것이 한 곳에서 가능합니다.

플랜 보기