온라인 도구

컬러 팔레트

배색 · 컬러 팔레트 생성

조화로운 색상 조합을 추천해주는 컬러 팔레트 도구입니다. 보색, 유사색, 트라이어드 등 다양한 배색 규칙을 기반으로 디자인에 활용할 수 있는 색상 팔레트를 생성합니다.

컬러팔레트색상추출배색

어울리는 색상 조합을 찾고 싶을 때

웹사이트, 앱, 포스터, 프레젠테이션을 디자인할 때 가장 어려운 것 중 하나가 색상 선택입니다. 마음에 드는 기본 색상은 정했는데, 여기에 어울리는 다른 색상을 찾는 것이 쉽지 않습니다. 색상 이론을 모르면 조화롭지 않은 조합이 되기 쉽습니다.

컬러 팔레트(채팅방.kr)는 기본 색상을 선택하면 배색 규칙에 따라 조화로운 색상 조합을 자동으로 생성해주는 무료 도구입니다. 보색, 유사색, 삼각색 등 6가지 배색 규칙을 지원하며, 밝기와 채도 변화까지 한 번에 확인할 수 있습니다.

참고: 모든 색상 계산은 HSL 색상 공간에서 이루어집니다. HEX를 HSL로 변환한 뒤 배색 규칙에 따라 색상 값을 조정하고, 다시 HEX로 변환하여 표시합니다.

어떤 배색 규칙을 선택해야 하나요?

차분하고 편안한 느낌이면 유사색이나 단색조를, 눈에 띄고 역동적인 느낌이면 보색이나 삼각색을 추천합니다. 처음이라면 유사색이 가장 무난합니다.

생성된 팔레트를 CSS에서 바로 사용할 수 있나요?

네. 각 색상 타일을 클릭하면 HEX 코드가 복사되므로, CSS의 color나 background-color 속성에 바로 붙여넣을 수 있습니다.

색상이 마음에 안 들면 어떻게 하나요?

랜덤 색상 버튼으로 다른 기준 색상을 시도하거나, 배색 규칙을 변경해보세요. 인기 팔레트 섹션에서 검증된 색상 조합을 참고하는 것도 좋습니다.

팁: 웹사이트 디자인 시 주요 색상 1개, 보조 색상 1~2개, 배경색 1개로 구성하면 깔끔합니다. 유사색 규칙으로 생성한 팔레트에서 주요색과 보조색을 선택하고, 단색조의 밝은 톤을 배경색으로 사용하면 조화로운 디자인이 됩니다.