Question 1

색상 팔레트를 생성하려면?

Accepted Answer

"생성" 버튼을 클릭하거나 스페이스바를 눌러 새로운 무작위 팔레트를 만드세요. 조화 모드 선택기에서 단색, 유사색, 보색, 삼색, 분할 보색, 사색 구성을 선택할 수 있습니다.

Question 2

마음에 드는 색상을 잠그려면?

Accepted Answer

색상 견본의 잠금 아이콘을 클릭하세요. 잠긴 색상은 새 팔레트를 생성할 때 그대로 유지되고, 잠금 해제된 색상은 교체됩니다.

Question 3

팔레트를 내보내려면?

Accepted Answer

"내보내기" 버튼을 클릭하여 CSS 변수, Tailwind 설정, JSON 배열 또는 SVG 팔레트 형식 중에서 선택하세요. 팔레트가 자동으로 클립보드에 복사됩니다.

Question 4

조화 모드의 차이점은?

Accepted Answer

단색은 같은 색상으로 채도와 명도를 변화시킵니다. 유사색은 인접한 색상(±30°)을 사용합니다. 보색은 반대 색상(180°)을 사용합니다. 삼색은 3개의 등간격 색상(120°)을 사용합니다. 분할 보색은 기준 색상과 그 보색 양옆의 색상을 사용합니다. 사색은 4개의 등간격 색상(90°)을 사용합니다.

Question 5

브랜드 색을 기준으로 팔레트를 만들 수 있나요?

Accepted Answer

네. 기준 색상 피커로 브랜드 색을 고르고 조화 모드를 선택하면 나머지 네 가지 색이 그 색을 중심으로 생성됩니다. 만들어진 색은 HSL 슬라이더로 하나씩 다듬을 수 있어요.

Question 6

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

Accepted Answer

CSS 변수, Tailwind 설정, JSON 배열, SVG 파일 네 가지 형식으로 내보낼 수 있습니다. 형식을 바꾸면 코드 미리보기가 바로 갱신되어 프로젝트에 바로 붙여 넣을 수 있습니다.

Question 7

색 값을 HEX, RGB, HSL로 볼 수 있나요?

Accepted Answer

가능합니다. 각 색상 값은 HEX, RGB, HSL 사이에서 전환해 볼 수 있어서 디자인 도구나 코드베이스가 요구하는 형식을 손으로 변환하지 않고 그대로 가져갈 수 있습니다.

Question 8

각 색 위의 작은 배지는 무슨 뜻인가요?

Accepted Answer

그 색 위에서 흰색과 검은색 글자 중 어느 쪽이 잘 읽히는지를 나타냅니다. 명도 대비가 4.5:1에 도달하면 WCAG 접근성 기준에 따라 합격으로 표시됩니다. 버튼이나 배너 배경색을 고를 때 유용해요.

Question 9

만든 팔레트가 서버로 업로드되나요?

Accepted Answer

아니요. 모든 기능이 브라우저 안에서만 동작하므로 색상 데이터는 기기를 떠나지 않습니다. 페이지를 불러온 뒤에는 오프라인에서도 계속 쓸 수 있습니다.

색상 팔레트 생성기

색상 팔레트 생성기 사용 방법