색상 팔레트

기본 색상

#6366F1

RGB 99, 102, 241 · HSL 239°, 84%, 67%

HEX 코드를 직접 입력하거나 컬러 픽커로 선택해 보세요.

HEX배경

배경 색상 조정 대비: 4.47 AA 미달 AAA 미달

Preview

#6366F1

현재 배경과의 대비를 기준으로 추천 텍스트 색상은 #FFFFFF 입니다.

UI 상태, Hover, Disabled 컬러 등 다양한 명암 단계가 필요할 때 활용하세요.

생성된 팔레트를 프로젝트별로 저장해 두고 빠르게 복사하세요.

저장된 팔레트가 없습니다. 마음에 드는 조합을 발견하면 저장해 보세요.

각 조합을 클릭해 HEX 값을 복사할 수 있어요.

브랜드 + 포인트

기본 색상과 보색을 함께 사용하면 CTA 버튼이나 강조 요소에 대비감을 줄 수 있어요.

조화로운 UI

유사색 팔레트는 배경과 카드, 섹션을 자연스럽게 구분할 때 유용합니다.

정보 계층 구분

모노톤 팔레트는 알림/배지 등 동일 톤에서 명암으로 계층을 구분할 때 활용해 보세요.

기본색을 중심으로 생성된 조합을 한눈에 확인하세요.

타이머, 스톱워치 등 실생활에 유용한 도구를 모았습니다.

필요한 생활 도구가 있다면 의견을 남겨주세요.

이럴 때 활용해 보세요