색상 팔레트 생성기
좋아하는 색에서 시작하거나 무작위 조합에 맡겨 보고, 어울리는 색만 남기세요.
이 기기 안에서 봉인됨
브라우저에서 실행돼요. 아무것도 업로드되지 않아요.
봉인됨
내 팔레트
설정
기본 색상을 중심으로 팔레트를 만들어요. 고정한 색상은 그대로 유지돼요.
내보내기
사용 방법
-
기본 색상 고르기 또는 무작위
기본 색상을 입력하고 배색을 고르거나, “새 팔레트”(또는 스페이스 바)를 눌러 새로운 팔레트를 받으세요.
-
마음에 드는 색 고정하기
남기고 싶은 색을 고정한 뒤 다시 생성하면 고정하지 않은 색만 바뀌어요. 견본을 클릭하면 직접 조정할 수 있어요.
-
팔레트 내보내기
코드에 쓸 CSS 변수나 JSON으로 복사하거나, 팀과 공유할 PNG를 다운로드하세요.
자주 묻는 질문
배색 종류는 무슨 뜻인가요?
색상환에서 나온 개념이에요. 유사색은 서로 이웃한 색이라 차분한 느낌을 줘요. 보색은 정반대에 있어 대비를 만들어요. 분할 보색, 삼각 배색, 사각 배색은 색상환에 색을 고르게 배치해 더 생동감 있는 팔레트를 만들어요. 단색은 한 색조의 밝고 어두운 버전을 사용해요.
고정은 어떻게 작동하나요?
색상 아래의 자물쇠를 선택하면 그 색이 유지돼요. 새 팔레트를 만들면 고정한 색은 제자리에 그대로 있고, 새 색상은 그 색과 어울리도록 골라져요.
왜 색상이 이렇게 균형 있어 보이나요?
팔레트는 사람의 시각에 맞춰 설계된 색 공간인 OKLCH에서 만들어져요. 그 안에서 색조를 돌리면 밝기와 채도가 일정하게 유지되어, 어떤 색도 다른 색 옆에서 갑자기 너무 밝거나 칙칙해 보이지 않아요.
팔레트를 프로젝트에 어떻게 쓰나요?
CSS 내보내기를 복사해 스타일시트에 붙여 넣으면 어디서나 쓸 수 있는 --color-1 같은 변수가 생겨요. JSON 내보내기는 디자인 토큰이나 스크립트용으로 모든 색을 HEX, RGB, OKLCH로 나열해요.
팔레트를 상업적으로 써도 되나요?
네. 색상에는 소유자가 없고, 여기서 만든 팔레트는 개인 작업이든 상업 작업이든 자유롭게 쓸 수 있어요.