고급 기능을 통해 컬러 팔레트를 생성, 확인 및 관리하세요. 색상 이론을 사용하여 팔레트를 생성하고, 다양한 형식으로 가져오며, 접근성 대비를 확인하고, CSS, SCSS, Tailwind, JSON 또는 PNG 형식으로 내보낼 수 있습니다.
시작하려면 템플릿(사전 제작 팔레트), 생성기(색상 이론) 또는 사용자 지정(직접 생성) 탭에서 선택하세요.
카테고리별 템플릿 팔레트를 탐색하거나, 보색 또는 삼원색과 같은 색상 체계를 사용하여 생성하거나, 수동으로 사용자 지정 팔레트를 만드세요.
색상을 클릭하여 색상 선택기로 편집하고, 색상을 드래그하여 순서를 변경하거나 섞기 버튼을 사용하여 새로운 배열을 만드세요.
대비 검사기를 사용하여 색상 조합이 텍스트 가독성에 대한 WCAG 접근성 표준을 충족하는지 확인하세요.
최종 팔레트를 프로젝트에서 사용할 수 있도록 CSS 변수, SCSS, Tailwind 구성 파일, JSON 데이터 또는 PNG 이미지로 내보내세요.
자연, 모던, 빈티지 등 다양한 카테고리로 분류된 전문 컬러 팔레트 컬렉션에서 선택하세요.
보색, 삼원색, 유사색, 단색, 분할 보색 등 색상 이론 원리를 사용하여 조화로운 팔레트를 생성하세요.
CSS 변수, SCSS, Tailwind 구성 파일, JSON 또는 헥스(hex) 목록에서 팔레트를 가져올 수 있습니다. 이러한 형식 외에 PNG 이미지로도 내보낼 수 있습니다.
WCAG 대비 검사기가 내장되어 있어 AA/AAA 준수 지표를 통해 색상 조합이 접근성 표준을 충족하는지 확인할 수 있습니다.
색상을 클릭하여 색상 선택기로 편집하고, 드래그하여 색상 순서를 변경하며, 실시간 미리 보기로 밝기를 조절할 수 있습니다.
개인화된 이름과 무제한 색상 조합으로 자신만의 사용자 지정 컬러 팔레트를 생성하고 저장하세요.
컬러 팔레트 뷰어는 프로젝트의 색상 체계를 생성, 정리 및 관리하는 데 도움을 주는 디자인 도구입니다. 이 도구는 색상 이론 원리와 형식 변환, 접근성 확인, 템플릿 라이브러리 등 실용적인 기능을 결합하여 디자인 워크플로우를 간소화하고 전문적이고 조화로운 색상 조합을 보장합니다.
시각적으로 매력적인 디자인을 위해 입증된 색상 이론 원리를 사용하여 과학적으로 균형 잡힌 색상 체계를 생성하세요.
개발 워크플로우에 원활하게 통합할 수 있도록 CSS 변수, SCSS, Tailwind CSS 또는 JSON 형식으로 직접 내보낼 수 있습니다.
내장된 WCAG 대비 확인 기능은 포괄적인 디자인을 위해 색상 선택이 접근성 표준을 충족하도록 보장합니다.
스타일과 카테고리별로 정리된 수백 가지의 전문적으로 선별된 컬러 팔레트에 액세스하여 즉각적인 영감을 얻으세요.
모든 처리는 브라우저에서 로컬로 이루어지므로, 사용자의 컬러 팔레트와 설정은 비공개로 안전하게 유지됩니다.
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가지 이상의 색상을 포함할 수 있습니다. 이 도구는 다양한 팔레트 크기를 자동으로 처리하며, 템플릿에 필요한 경우 확장합니다.