DESIGN · COLOR
기준 색상에서 조화로운 팔레트를 만들고
CSS와 이미지로 저장하세요.
하나의 기준 색상만으로 보색, 유사색, 삼각, 사각 배색과 명도·채도 단계를 즉시 계산합니다. 원클릭 코드 복사와 CSS 변수, JSON, PNG 팔레트 스트립 이미지 저장을 지원합니다.
컬러 팔레트 생성기
기준 색상을 선택하고 조화로운 6가지 배색 체계와 단계별 톤을 확인하세요.
조화로운 색상 배색의 중요성
웹사이트와 앱 디자인에서 조화로운 색상 조합은 브랜드의 일관성을 높이고 사용자에게 편안한 시각 경험을 제공합니다. 수학적인 색상환 각도 분할을 통해 실패 없는 색 조합을 완성할 수 있습니다.
CSS 변수 및 PNG 이미지 활용
추출된 팔레트를 CSS 커스텀 속성(:root { --color-primary: ...; }) 코드로 바로 복사해 프로젝트 스타일에 적용하거나, 협업 회의 시 이미지(PNG) 스트립으로 공유할 수 있습니다.
자주 묻는 질문
생성된 색상 코드를 상업적 디자인에 사용해도 되나요?
네. 생성된 모든 색상 조합과 수치는 제한 없이 상업용 웹사이트, 로고, 그래픽 작업에 자유롭게 사용할 수 있습니다.
명도 단계(Shades)는 몇 단계로 만들어지나요?
명도 10%부터 90%까지 9단계로 세분화되어 버튼 활성, 비활성, 배경 톤 설계에 최적화되어 있습니다.
PNG 스트립 이미지 해상도는 어느 정도인가요?
가로 900px 크기의 선명한 캔버스 이미지로 생성되어 프레젠테이션이나 디자인 시안에 넣기 좋습니다.