Lang
실용 도구 생성기
컬러 팔레트 생성기
기준 색상, 사진 또는 무작위 아이디어로 조화롭고 접근성 좋은 팔레트를 만드세요.
HEX · RGB · HSL · OKLCH · WCAG
컬러 팔레트 스튜디오
기준 색상, 사진 또는 무작위 아이디어로 조화롭고 접근성 좋은 팔레트를 만드세요.
🖼️ 이미지에서 색상 추출이미지는 브라우저에서만 처리되며 서버에 업로드되지 않습니다.
팁: 스페이스바를 눌러 다시 생성할 수 있습니다.
내 팔레트
코드를 누르면 복사됩니다. 다시 생성하기 전에 색상을 잠그거나 순서를 바꿀 수 있습니다.
카드를 끌거나 화살표 버튼으로 순서를 바꾸세요.
실시간 UI 미리보기
내 팔레트
접근성과 대비
–
대비 표
색각 미리보기
근사 미리보기입니다. 실제 사용자와 테스트하고 색상에만 의존하지 마세요.
그라데이션 생성기
팔레트 내보내기
색상 조화 선택
단색 팔레트는 하나의 색조를 변형합니다. 유사색은 서로 가깝고 보색, 삼각 및 사각 배색은 더 넓은 색조 관계를 사용합니다.
접근성 확인
WCAG 결과를 글자로도 표시합니다. AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1이 필요합니다.
알맞은 색상 형식 사용
HEX와 RGB는 폭넓게 지원되고 HSL은 조정하기 쉬우며 OKLCH는 지각적으로 더 균일한 명도와 채도를 제공합니다.
컬러 팔레트 생성기 자주 묻는 질문
색상 조화란 무엇인가요?
유사색, 보색, 삼각 배색처럼 색조 사이에 반복 가능한 관계입니다.
접근성 좋은 팔레트는 어떻게 만드나요?
글자와 배경의 대비를 확인하고 색상에만 의존하지 말며 상호작용 상태도 테스트하세요.
이미지가 서버로 전송되나요?
아니요. 색상 추출은 브라우저에서 로컬로 실행되며 이미지는 업로드되지 않습니다.
어떤 내보내기 형식을 사용해야 하나요?
웹사이트는 CSS, 스타일시트는 SCSS, 앱은 JSON, 시각 자료는 PNG를 사용하세요.
반려동물·디지털·웹 도구 모음
다른 반려동물 또는 디지털 도구가 필요하신가요?
개와 고양이의 나이·사료량, 반려동물 약 복용량, 색상 팔레트, 데이터 저장 단위, 픽셀 밀도, RGB에서 HEX 변환 도구를 살펴보세요.