🛝툴리오
소개 문의

🎨 컬러 팔레트 생성기

유사색·보색·삼각 배색 등 조화 모드로 아름다운 5색 팔레트를 즉시 생성하거나, 아무 이미지에서나 팔레트를 바로 추출하세요. 마음에 드는 색은 잠그고, 전체를 HEX 목록·CSS 변수·Tailwind 설정·JSON으로 내보낼 수 있습니다. 완전 무료이며 브라우저에서만 동작해 업로드나 로그인이 필요 없습니다. Coolors의 무료·무가입 대안을 찾고 있다면, Toolio는 완전 무료이며 가입이 필요 없습니다.

스페이스바를 눌러 새 팔레트를 생성하세요.

설계부터 프라이빗. 이 도구는 전부 브라우저 안에서 실행돼요 — 입력한 내용은 업로드되거나 저장되지 않으며, 오프라인에서도 작동합니다.

소개

이 툴은 두 가지 방식으로 5색 팔레트를 만듭니다: 네 가지 조화 모드(랜덤·유사색·보색·삼각 배색)로 생성하거나, 선택한 이미지에서 주요 5색을 추출합니다 — 이미지는 median-cut 양자화로 로컬에서 처리되며 업로드되지 않습니다. 마음에 드는 스와치는 잠가 재생성 시 유지하고, 개별 HEX 코드를 복사하거나 전체 팔레트를 원하는 형식(HEX 목록·CSS 변수·Tailwind 스니펫·JSON 배열)으로 내보낼 수 있습니다. 모든 처리가 브라우저 안에서 이루어져 색상·이미지 데이터가 기기를 벗어나지 않습니다 — 서버·계정이 없습니다. 각 스와치는 가장 가까운 PANTONE Solid Coated 넘버(예: PANTONE 185 C)도 함께 보여줘, 생성했거나 이미지에서 뽑은 팔레트를 곧바로 인쇄 워크플로로 이어갈 수 있습니다.

사용 방법

  1. 모드 드롭다운에서 조화 모드(랜덤·유사색·보색·삼각 배색)를 선택하세요.
  2. Generate 버튼을 클릭하거나 스페이스바를 눌러 새 5색 팔레트를 생성하세요.
  3. 마음에 드는 색 스와치의 잠금 아이콘을 클릭해 고정하면, 나머지 색만 재생성됩니다.
  4. 스와치의 HEX 복사 버튼을 클릭해 해당 색상 코드를 클립보드에 복사하세요.
  5. 전체 복사 버튼으로 다섯 개의 HEX 코드를 한번에 내보내 디자인 툴이나 코드에 바로 활용하세요.
  6. '이미지에서'를 클릭해 사진을 선택하면, 주요 5색이 로컬에서 팔레트로 추출됩니다.
  7. 내보내기 형식(HEX 목록·CSS 변수·Tailwind·JSON)을 고르고 복사를 눌러 프로젝트에 바로 넣으세요.

자주 묻는 질문

이 툴은 무료인가요?
네, 완전 무료입니다. 구독·계정·숨겨진 제한이 없으며, 페이지를 열기만 하면 바로 팔레트를 생성할 수 있습니다.
제 색상 데이터가 서버에 업로드되나요?
아니요. 이 툴은 모두 브라우저 내 JavaScript로만 동작합니다. 어떤 데이터도 외부 서버로 전송되지 않으며, 팔레트 정보는 브라우저의 localStorage에만 저장됩니다.
인터넷 없이도 사용할 수 있나요?
네. 페이지를 한 번 불러온 뒤에는 인터넷 없이 완전히 동작합니다. 외부 API 호출이나 CDN 의존성이 없습니다.
조화 모드 간의 차이는 무엇인가요?
랜덤은 무관한 색상 다섯 개를 고릅니다. 유사색은 색상환에서 인접한 다섯 색을 모아 차분하고 통일감 있는 팔레트를 만듭니다. 보색은 색상환 반대편 색을 조합해 강한 대비를 연출합니다. 삼각 배색은 120도 간격의 세 색 계열을 활용해 생동감 있고 균형 잡힌 팔레트를 만듭니다.
마음에 드는 색은 유지하면서 나머지만 바꿀 수 있나요?
네. 스와치의 잠금 아이콘을 클릭하면 해당 색이 고정됩니다. 잠긴 스와치는 생성 시 건너뛰어지므로, 마음에 드는 색을 남겨두고 나머지를 자유롭게 탐색할 수 있습니다.
이미지에서 팔레트를 만들 수 있나요?
네. '이미지에서'를 클릭해 사진을 고르면 median-cut 양자화로 주요 5색을 브라우저 안에서 추출합니다 — 이미지는 업로드되지 않습니다.
어떤 내보내기 형식을 지원하나요?
팔레트를 HEX 목록, CSS 커스텀 속성(:root 변수), Tailwind 색상 스니펫, JSON 배열로 복사할 수 있습니다 — 코드나 디자인 툴에 바로 붙여넣으세요.
팔레트의 팬톤 넘버도 볼 수 있나요?
네. 다섯 개 스와치마다 HEX 코드와 가장 가까운 PANTONE Solid Coated 색상(예: PANTONE 185 C)을 표시하며, 팬톤 라벨을 클릭하면 복사됩니다. 매칭은 지각적 CIEDE2000 공식을 쓰며 근사 sRGB 참고값입니다 — 팬톤 별색 잉크는 화면 값이 아니라 물리적으로 정의됩니다.