카테고리
모든 도구 보기
🛠️ 브라우저 도구

컬러 팔레트 뷰어 및 생성기

고급 기능을 통해 컬러 팔레트를 생성, 확인 및 관리하세요. 색상 이론을 사용하여 팔레트를 생성하고, 다양한 형식으로 가져오며, 접근성 대비를 확인하고, CSS, SCSS, Tailwind, JSON 또는 PNG 형식으로 내보낼 수 있습니다.

도구 로딩 중...

컬러 팔레트 도구 사용 방법

1

방법 선택

시작하려면 템플릿(사전 제작 팔레트), 생성기(색상 이론) 또는 사용자 지정(직접 생성) 탭에서 선택하세요.

2

색상 선택 또는 생성

카테고리별 템플릿 팔레트를 탐색하거나, 보색 또는 삼원색과 같은 색상 체계를 사용하여 생성하거나, 수동으로 사용자 지정 팔레트를 만드세요.

3

편집 및 다듬기

색상을 클릭하여 색상 선택기로 편집하고, 색상을 드래그하여 순서를 변경하거나 섞기 버튼을 사용하여 새로운 배열을 만드세요.

4

접근성 확인

대비 검사기를 사용하여 색상 조합이 텍스트 가독성에 대한 WCAG 접근성 표준을 충족하는지 확인하세요.

5

팔레트 내보내기

최종 팔레트를 프로젝트에서 사용할 수 있도록 CSS 변수, SCSS, Tailwind 구성 파일, JSON 데이터 또는 PNG 이미지로 내보내세요.

주요 기능

템플릿 팔레트 라이브러리

자연, 모던, 빈티지 등 다양한 카테고리로 분류된 전문 컬러 팔레트 컬렉션에서 선택하세요.

색상 이론 생성기

보색, 삼원색, 유사색, 단색, 분할 보색 등 색상 이론 원리를 사용하여 조화로운 팔레트를 생성하세요.

다중 형식 가져오기/내보내기

CSS 변수, SCSS, Tailwind 구성 파일, JSON 또는 헥스(hex) 목록에서 팔레트를 가져올 수 있습니다. 이러한 형식 외에 PNG 이미지로도 내보낼 수 있습니다.

접근성 대비 검사기

WCAG 대비 검사기가 내장되어 있어 AA/AAA 준수 지표를 통해 색상 조합이 접근성 표준을 충족하는지 확인할 수 있습니다.

인터랙티브 컬러 편집기

색상을 클릭하여 색상 선택기로 편집하고, 드래그하여 색상 순서를 변경하며, 실시간 미리 보기로 밝기를 조절할 수 있습니다.

사용자 지정 팔레트 생성

개인화된 이름과 무제한 색상 조합으로 자신만의 사용자 지정 컬러 팔레트를 생성하고 저장하세요.

컬러 팔레트 뷰어란 무엇인가요?

컬러 팔레트 뷰어는 프로젝트의 색상 체계를 생성, 정리 및 관리하는 데 도움을 주는 디자인 도구입니다. 이 도구는 색상 이론 원리와 형식 변환, 접근성 확인, 템플릿 라이브러리 등 실용적인 기능을 결합하여 디자인 워크플로우를 간소화하고 전문적이고 조화로운 색상 조합을 보장합니다.

저희 컬러 팔레트 도구를 사용해야 하는 이유

1

전문적인 색상 이론

시각적으로 매력적인 디자인을 위해 입증된 색상 이론 원리를 사용하여 과학적으로 균형 잡힌 색상 체계를 생성하세요.

2

개발자 친화적인 내보내기

개발 워크플로우에 원활하게 통합할 수 있도록 CSS 변수, SCSS, Tailwind CSS 또는 JSON 형식으로 직접 내보낼 수 있습니다.

3

접근성 준수

내장된 WCAG 대비 확인 기능은 포괄적인 디자인을 위해 색상 선택이 접근성 표준을 충족하도록 보장합니다.

4

템플릿 라이브러리

스타일과 카테고리별로 정리된 수백 가지의 전문적으로 선별된 컬러 팔레트에 액세스하여 즉각적인 영감을 얻으세요.

5

완벽한 개인 정보 보호

모든 처리는 브라우저에서 로컬로 이루어지므로, 사용자의 컬러 팔레트와 설정은 비공개로 안전하게 유지됩니다.

자주 묻는 질문

어떤 색상 형식을 가져올 수 있나요?

CSS 변수(:root), SCSS 변수($color), Tailwind 구성 파일, JSON 객체 또는 간단한 헥스(hex) 색상 목록에서 팔레트를 가져올 수 있습니다. 파일 업로드 및 텍스트 붙여넣기 모두 지원됩니다.

색상 이론 생성기는 어떻게 작동하나요?

이 생성기는 색상환의 수학적 색상 관계를 사용하여 조화로운 팔레트를 만듭니다. 보색(반대 색상), 삼원색(균일하게 간격이 떨어진 세 가지 색상), 유사색(인접 색상) 등 중에서 선택하세요.

대비 검사기는 어떤 접근성 표준을 따르나요?

이 도구는 WCAG 2.1 지침을 따르며, AA(4.5:1 비율), AAA(7:1 비율) 및 AA 대형 텍스트(3:1 비율) 준수를 확인하여 시각 장애가 있는 사용자에게도 색상이 잘 작동하는지 보장합니다.

팔레트 내의 개별 색상을 편집할 수 있나요?

네! 색상 견본을 클릭하여 색상 선택기 편집기를 열 수 있습니다. 색상을 드래그하여 순서를 변경하거나 섞기 버튼을 사용하여 팔레트를 무작위로 재배열할 수도 있습니다.

어떤 내보내기 형식을 사용할 수 있나요?

팔레트를 CSS 사용자 정의 속성, SCSS 변수, Tailwind CSS 구성, JSON 데이터 객체 또는 PNG 이미지로 내보낼 수 있습니다. 각 형식은 다양한 개발 워크플로우에 최적화되어 있습니다.

팔레트는 몇 개의 색상을 포함할 수 있나요?

템플릿 팔레트는 일반적으로 5가지 색상을 포함하지만, 사용자 지정 팔레트는 3가지 이상의 색상을 포함할 수 있습니다. 이 도구는 다양한 팔레트 크기를 자동으로 처리하며, 템플릿에 필요한 경우 확장합니다.

컬러 팔레트 뷰어 및 생성기