PALETTETIDY · COLOR WORKSPACE

대비 검사

팔레트를 만들고, 실제 화면에서 확인하고, 바로 사용하세요.

대비 검사

4.44:1명암 대비

WCAG 2.2: 일반 글자 AA 4.5:1 이상, AAA 7:1 이상. 큰 글자 AA 3:1 이상, AAA 4.5:1 이상. 큰 글자는 24 CSS px 이상 또는 굵은 글자 약 18.67px 이상을 뜻합니다.

Aa

좋은 아이디어가 머무는 곳.

다음 프로젝트를 위한 차분한 공간.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

영감을 주는, 여섯 가지 시작.

내보내기

파일을 내 기기에 내려받습니다. 서버에 저장하지 않습니다.

01

만들고

새 팔레트를 만들거나, 추천 배색을 고르거나, 이미지에서 색상을 추출하세요.

02

다듬고

좋아하는 색상을 잠그세요. 글자 대비를 검사하고 실제 레이아웃에서 확인하세요.

03

바로 사용하세요

CSS를 복사하고 디자인 토큰을 내려받거나 링크로 공유하세요. 가입은 필요 없습니다.

자주 묻는 질문

이미지가 서버에 업로드되나요?

아니요. 브라우저 탭 안에서 이미지를 읽고 색상을 추출합니다. 이미지 업로드 서버가 없습니다. 광고 및 선택적 분석은 별도의 네트워크 요청을 사용합니다.

팔레트가 자동 저장되나요?

작업은 현재 탭에만 유지됩니다. 닫기 전에 다운로드하거나 공유 링크를 복사하세요. 공유 색상은 링크의 # 뒤에 포함되며 DB에 저장되지 않습니다. 언어와 개인정보 선택만 기기에 기억할 수 있습니다.

대비 검사를 통과하면 접근성이 보장되나요?

아니요. 불투명 sRGB 두 색상의 명암 대비만 검사합니다. 글꼴, 크기, 포커스 상태, 배경, 그라데이션과 실제 사용 환경도 점검해야 합니다. 색상만으로 의미를 전달하지 마세요.

어떤 색상 형식을 변환하나요?

3·6자리 HEX, RGB, HSL 또는 목록의 CSS 색상 이름을 입력할 수 있습니다. HEX, RGB, HSL, HSV, 근사 CMYK와 OKLCH를 확인합니다. 투명도는 배경에 따라 결과가 달라져 입력에서 제외했습니다.

팔레트 →이미지 추출 →색상 변환 →대비 검사 →그라데이션 →사용 가이드 →