색상 팔레트 생성기
스페이스바를 누르거나 버튼을 클릭해 새로운 색상 조합을 생성하세요. 마음에 드는 색상은 잠금하여 유지할 수 있습니다.
내보내기
🎨 색상 조화 유형
보색 (Complementary)
색상환에서 정반대에 위치한 두 색상. 강한 대비와 시각적 임팩트를 줍니다.
유사색 (Analogous)
색상환에서 인접한 색상들. 자연스럽고 조화로운 느낌을 줍니다.
삼색 조합 (Triadic)
색상환에서 균등한 간격의 세 색상. 다채롭고 균형 잡힌 조합입니다.
분할 보색 (Split-Complementary)
기준색과 그 보색의 양옆 색상. 보색보다 부드러운 대비를 줍니다.
단색 조합 (Monochromatic)
하나의 색상에서 명도와 채도만 변화. 통일감 있고 세련된 느낌입니다.
사각 조합 (Square)
색상환에서 사각형 형태로 배치된 네 색상. 다양하면서도 균형 있습니다.
💡 활용 사례
🌐 웹 디자인
웹사이트의 배경, 버튼, 텍스트 색상을 조화롭게 구성합니다.
📱 앱 UI
모바일 앱의 테마 색상과 브랜드 아이덴티티를 설정합니다.
🎨 그래픽 디자인
포스터, 배너, 소셜 미디어 이미지의 색상을 결정합니다.
🏠 인테리어
방의 벽, 가구, 소품 색상 조합에 영감을 얻습니다.
자주 묻는 질문
색상 코드를 어떻게 사용하나요?
색상 카드를 클릭하면 HEX 코드가 클립보드에 복사됩니다. CSS에서 background-color: #FF5733; 형태로 사용하거나, Figma/Sketch 등 디자인 도구에 직접 붙여넣기 하세요.
특정 색상을 기준으로 팔레트를 만들 수 있나요?
네! 마음에 드는 색상의 잠금 아이콘을 클릭하여 잠그세요. 새 팔레트를 생성하면 잠긴 색상은 유지되고 나머지만 변경됩니다.
생성한 팔레트를 저장할 수 있나요?
'URL 공유' 버튼을 클릭하면 현재 팔레트가 포함된 URL이 생성됩니다. 이 URL을 북마크하거나 공유하면 언제든 같은 팔레트를 볼 수 있습니다.
웹사이트 색상 조합을 만들고 CSS로 옮기려면?
새 팔레트를 생성하고 마음에 드는 색을 잠근 뒤 다시 생성하면 해당 색을 유지하면서 나머지 조합을 탐색할 수 있습니다. 색상 카드를 눌러 HEX 코드를 복사하거나 CSS 변수로 내보내세요.
사용 예시
브랜드 색을 하나 고정하고 밝은 색은 배경, 어두운 색은 본문, 강조색은 버튼에 배치해 보세요. URL 공유로 만든 주소를 저장하면 같은 조합을 다시 열 수 있습니다.
지원 범위와 주의점
보기 좋은 팔레트가 글자와 배경의 충분한 대비를 보장하지는 않습니다. 실제 화면에서 작은 글자와 버튼의 가독성을 따로 확인하세요. 이 도구는 이미지에서 대표색을 추출하는 기능은 제공하지 않습니다.