이 툴은 무료인가요?

네, 완전 무료입니다. 구독·계정·숨겨진 제한이 없으며, 페이지를 열기만 하면 바로 팔레트를 생성할 수 있습니다.

제 색상 데이터가 서버에 업로드되나요?

아니요. 이 툴은 모두 브라우저 내 JavaScript로만 동작합니다. 어떤 데이터도 외부 서버로 전송되지 않으며, 팔레트 정보는 브라우저의 localStorage에만 저장됩니다.

인터넷 없이도 사용할 수 있나요?

네. 페이지를 한 번 불러온 뒤에는 인터넷 없이 완전히 동작합니다. 외부 API 호출이나 CDN 의존성이 없습니다.

조화 모드 간의 차이는 무엇인가요?

랜덤은 서로 무관한 색상 다섯 개를 고릅니다. 유사색은 색상환의 80° 구간에 20° 간격으로 다섯 색상을 놓아 차분하고 통일감 있는 느낌을 줍니다. 보색은 기준 색상 근처에 두 칸, 색상환 반대편(170°, 180°, 190° 떨어진 위치)에 세 칸을 놓아 대비를 크게 만듭니다. 삼각 배색은 120° 간격으로 색상을 놓습니다. 기준 색상 근처 두 칸, +120° 근처 두 칸, +240° 한 칸입니다. 어느 모드든 채도와 명도는 적당한 범위 안에서 달라집니다. 색상환은 HSL(화면 빛) 색상환이라 빨강의 보색은 초록이 아니라 청록입니다.

마음에 드는 색은 유지하면서 나머지만 바꿀 수 있나요?

네. 색 칸의 잠금 아이콘을 누르면 그 색이 유지되고, 생성할 때 잠긴 칸은 건너뜁니다. 유사색, 보색, 삼각 배색 모드에서는 가장 앞쪽의 잠긴 칸의 색상(회색은 색상이 없어 제외)을 기준으로 나머지 칸이 만들어지므로, 좋아하는 색 주변에서 조화로운 팔레트가 유지됩니다. 랜덤 모드에서는 나머지가 계속 무작위입니다. 팔레트와 잠금 상태는 이 브라우저에 저장됩니다.

이미지에서 팔레트를 만들 수 있나요?

네. 이미지에서 버튼을 누르고 사진을 고르면, 사진을 줄이고 비슷한 픽셀을 미디언 컷 양자화로 묶은 뒤 서로 확실히 달라 보이는 가장 두드러진 다섯 묶음을 고릅니다. 결과는 평균색이 아니라 이미지에 실제로 있는 색이고 어두운 쪽에서 밝은 쪽으로 정렬되며, 모든 처리는 브라우저 안에서 이루어지므로 이미지는 업로드되지 않습니다. 단색처럼 서로 다른 색이 다섯 개보다 적은 이미지에서는 남는 칸을 지배색의 밝은 단계와 어두운 단계로 채웁니다.

어떤 내보내기 형식을 지원하나요?

팔레트를 HEX 목록, CSS 사용자 지정 속성(:root 변수), Tailwind 색상 스니펫, JSON 배열, Figma 디자인 토큰(Tokens Studio 형식)으로 복사할 수 있습니다. 드롭다운에서 형식을 고른 뒤 전체 복사 버튼을 누르면 코드나 디자인 도구에 바로 붙여 넣을 수 있습니다.

팔레트의 팬톤 넘버도 볼 수 있나요?

네. 다섯 개 스와치마다 HEX 코드와 가장 가까운 PANTONE Solid Coated 색상(예: PANTONE 185 C)을 표시하며, 팬톤 라벨을 클릭하면 복사됩니다. 매칭은 지각적 CIEDE2000 공식을 쓰며 근사 sRGB 참고값입니다 — 팬톤 별색 잉크는 화면 값이 아니라 물리적으로 정의됩니다.

단어로 팔레트를 만들 수 있나요?

네. 무드 입력칸에 노을, 바다, 사이버펑크, 오방색 같은 무드 단어를 입력하고 무드로 생성 버튼을 누릅니다. 아는 무드 단어는 어울리는 색상, 채도, 명도 범위로 만들고, 오방색은 고정된 전통 다섯 색을 그대로 보여 줍니다. 모르는 단어도 팔레트는 나오지만 색이 단어의 뜻과는 관련이 없습니다.

🎨 컬러 팔레트 생성기

유사색, 보색, 삼각 배색 같은 조화 모드로 보기 좋은 5색 팔레트를 바로 만들 수 있습니다. 이미지에서 팔레트를 뽑거나 노을 같은 무드 단어로 만드는 것도 됩니다. 마음에 드는 색을 잠그면 나머지 팔레트가 그 색을 기준으로 만들어지고, 완성한 팔레트는 HEX 목록, CSS 변수, Tailwind 설정, JSON, Figma 토큰으로 내보낼 수 있습니다. 완전 무료이며 브라우저에서만 동작해 업로드나 로그인이 필요 없습니다. Coolors의 무료·무가입 대안을 찾고 있다면, Toolio는 완전 무료이며 가입이 필요 없습니다.

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

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

소개

이 도구는 세 가지 방식으로 5색 팔레트를 만듭니다. 네 가지 조화 모드(랜덤, 유사색, 보색, 삼각 배색)로 생성하거나, 노을·바다·사이버펑크 같은 무드 단어를 입력해 그 분위기의 팔레트를 얻거나, 선택한 이미지에서 두드러지는 5색을 추출합니다. 이미지는 브라우저 안에서 미디언 컷 양자화로 처리하며, 결과는 모두 이미지에 실제로 있는 색이고 업로드되지 않습니다. 마음에 드는 색 칸은 잠가 두면 다시 생성해도 유지됩니다. 유사색, 보색, 삼각 배색 모드에서는 가장 앞쪽의 잠긴 칸의 색상을 기준으로 나머지 칸이 만들어집니다. 색 코드 하나만 복사하거나, 전체 팔레트를 HEX 목록, CSS 사용자 지정 속성, Tailwind 색상 스니펫, JSON 배열, Figma 디자인 토큰 중 필요한 형식으로 내보낼 수 있습니다. 모든 처리가 브라우저 안에서 이루어져 색상과 이미지 데이터가 기기를 벗어나지 않으며 서버도 계정도 없습니다. 각 색 칸에는 가장 가까운 PANTONE Solid Coated 번호(예: PANTONE 185 C)도 함께 표시되므로, 생성했거나 이미지에서 뽑은 팔레트를 바로 인쇄 작업으로 이어갈 수 있습니다.

사용 방법

모드 드롭다운에서 조화 모드(랜덤, 유사색, 보색, 삼각 배색)를 선택합니다.
생성 버튼을 누르거나 스페이스바를 눌러 새 5색 팔레트를 만듭니다.
색 칸의 잠금 아이콘을 눌러 그 색을 고정합니다. 나머지 칸은 그 색의 색상을 기준으로 다시 생성됩니다(랜덤 모드에서는 계속 무작위입니다).
스와치의 HEX 복사 버튼을 클릭해 해당 색상 코드를 클립보드에 복사하세요.
전체 복사 버튼을 누르면 옆에서 고른 내보내기 형식으로 다섯 색을 한꺼번에 복사해 디자인 도구나 코드에 쓸 수 있습니다.
이미지에서 버튼을 누르고 사진을 고르면 주요 5색이 팔레트에 들어옵니다. 모든 처리는 브라우저 안에서 이루어집니다.
내보내기 형식(HEX 목록, CSS 변수, Tailwind, JSON, Figma 토큰)을 고르고 전체 복사 버튼을 눌러 프로젝트에 바로 붙여 넣습니다.
또는 노을, 바다, 사이버펑크 같은 무드 단어를 입력하고 무드로 생성 버튼을 눌러 그 분위기의 팔레트를 만듭니다.

자주 묻는 질문

이 툴은 무료인가요?: 네, 완전 무료입니다. 구독·계정·숨겨진 제한이 없으며, 페이지를 열기만 하면 바로 팔레트를 생성할 수 있습니다.
제 색상 데이터가 서버에 업로드되나요?: 아니요. 이 툴은 모두 브라우저 내 JavaScript로만 동작합니다. 어떤 데이터도 외부 서버로 전송되지 않으며, 팔레트 정보는 브라우저의 localStorage에만 저장됩니다.
인터넷 없이도 사용할 수 있나요?: 네. 페이지를 한 번 불러온 뒤에는 인터넷 없이 완전히 동작합니다. 외부 API 호출이나 CDN 의존성이 없습니다.
조화 모드 간의 차이는 무엇인가요?: 랜덤은 서로 무관한 색상 다섯 개를 고릅니다. 유사색은 색상환의 80° 구간에 20° 간격으로 다섯 색상을 놓아 차분하고 통일감 있는 느낌을 줍니다. 보색은 기준 색상 근처에 두 칸, 색상환 반대편(170°, 180°, 190° 떨어진 위치)에 세 칸을 놓아 대비를 크게 만듭니다. 삼각 배색은 120° 간격으로 색상을 놓습니다. 기준 색상 근처 두 칸, +120° 근처 두 칸, +240° 한 칸입니다. 어느 모드든 채도와 명도는 적당한 범위 안에서 달라집니다. 색상환은 HSL(화면 빛) 색상환이라 빨강의 보색은 초록이 아니라 청록입니다.
마음에 드는 색은 유지하면서 나머지만 바꿀 수 있나요?: 네. 색 칸의 잠금 아이콘을 누르면 그 색이 유지되고, 생성할 때 잠긴 칸은 건너뜁니다. 유사색, 보색, 삼각 배색 모드에서는 가장 앞쪽의 잠긴 칸의 색상(회색은 색상이 없어 제외)을 기준으로 나머지 칸이 만들어지므로, 좋아하는 색 주변에서 조화로운 팔레트가 유지됩니다. 랜덤 모드에서는 나머지가 계속 무작위입니다. 팔레트와 잠금 상태는 이 브라우저에 저장됩니다.
이미지에서 팔레트를 만들 수 있나요?: 네. 이미지에서 버튼을 누르고 사진을 고르면, 사진을 줄이고 비슷한 픽셀을 미디언 컷 양자화로 묶은 뒤 서로 확실히 달라 보이는 가장 두드러진 다섯 묶음을 고릅니다. 결과는 평균색이 아니라 이미지에 실제로 있는 색이고 어두운 쪽에서 밝은 쪽으로 정렬되며, 모든 처리는 브라우저 안에서 이루어지므로 이미지는 업로드되지 않습니다. 단색처럼 서로 다른 색이 다섯 개보다 적은 이미지에서는 남는 칸을 지배색의 밝은 단계와 어두운 단계로 채웁니다.
어떤 내보내기 형식을 지원하나요?: 팔레트를 HEX 목록, CSS 사용자 지정 속성(:root 변수), Tailwind 색상 스니펫, JSON 배열, Figma 디자인 토큰(Tokens Studio 형식)으로 복사할 수 있습니다. 드롭다운에서 형식을 고른 뒤 전체 복사 버튼을 누르면 코드나 디자인 도구에 바로 붙여 넣을 수 있습니다.
팔레트의 팬톤 넘버도 볼 수 있나요?: 네. 다섯 개 스와치마다 HEX 코드와 가장 가까운 PANTONE Solid Coated 색상(예: PANTONE 185 C)을 표시하며, 팬톤 라벨을 클릭하면 복사됩니다. 매칭은 지각적 CIEDE2000 공식을 쓰며 근사 sRGB 참고값입니다 — 팬톤 별색 잉크는 화면 값이 아니라 물리적으로 정의됩니다.
단어로 팔레트를 만들 수 있나요?: 네. 무드 입력칸에 노을, 바다, 사이버펑크, 오방색 같은 무드 단어를 입력하고 무드로 생성 버튼을 누릅니다. 아는 무드 단어는 어울리는 색상, 채도, 명도 범위로 만들고, 오방색은 고정된 전통 다섯 색을 그대로 보여 줍니다. 모르는 단어도 팔레트는 나오지만 색이 단어의 뜻과는 관련이 없습니다.

최근 29일 동안 35회 실행되었습니다. 결과가 복사 또는 다운로드됨: 17% 우리 서버에서 측정한 결과, 2026-10-05–2026-11-03.