색상 팔레트 생성기
디자인을 위한 아름다운 색상 팔레트를 생성하세요!
색상 조화
#473FA2
rgb(71, 63, 162)
#16CACA
rgb(22, 202, 202)
#639AD9
rgb(99, 154, 217)
#DF9B26
rgb(223, 155, 38)
#D72DBE
rgb(215, 45, 190)
스페이스바로 생성
:root {
--color-1: #473FA2;
--color-2: #16CACA;
--color-3: #639AD9;
--color-4: #DF9B26;
--color-5: #D72DBE;
}색상 팔레트 생성기란?
컬러 팔레트 생성기는 디자인 프로젝트, 웹사이트, 프레젠테이션, 창작 작업을 위한 조화로운 색상 조합을 만들어줍니다. 보색, 유사색, 삼원색, 분할 보색 관계를 포함한 색채 이론 원리에 기반하여 팔레트를 생성합니다. 색상 조화는 효과적인 디자인의 기본입니다. 연구에 따르면 색상은 제품이나 웹사이트에 대한 첫인상의 62-90%를 차지합니다. 잘 선택된 팔레트는 가독성을 높이고, 브랜드 정체성을 확립하며, 특정 감정을 불러일으키고, 시각적 일관성을 만듭니다. 어떤 기본 색상으로든 시작하여 다양한 팔레트 변형을 즉시 생성하세요. 각 팔레트에는 hex 코드, RGB 값, 접근성 대비율이 포함됩니다. 디자인 도구, CSS, 개발 프레임워크에서 사용할 수 있는 다양한 형식으로 내보내기가 가능합니다.
- ✓ 보색·유사색·삼색 등 다양한 배색 이론 기반 팔레트 생성
- ✓ HEX·RGB·HSL 코드 원클릭 복사
- ✓ 웹 개발·UI 디자인·일러스트 작업에 즉시 활용 가능
- ✓ 읽기 쉬운 색상 조합을 보장하는 접근성 대비 확인
- ✓ CSS 변수, Tailwind 설정 또는 이미지 스와치로 팔레트 내보내기
자주 묻는 질문
▶색상 조화란 무엇인가요?
색상 조화는 함께 어울리는 색상 조합입니다. 색상환을 기반으로 합니다: 보색(반대편), 유사색(인접), 삼색(균등 배치) 등.
▶생성된 팔레트를 어떻게 사용하나요?
색상을 클릭하면 헥스 코드가 복사되고, CSS 내보내기 버튼으로 모든 색상을 CSS 변수로 복사할 수 있습니다.
▶특정 색상을 잠글 수 있나요?
네! 색상 스와치의 잠금 아이콘을 클릭하세요. 잠긴 색상은 새 팔레트를 생성해도 변경되지 않습니다.
▶색상을 조화롭게 만드는 것은 무엇인가요?
색상은 색상환에서 기분 좋은 수학적 관계를 가질 때 조화롭습니다. 보색(반대편)은 대비를, 유사색(인접)은 통일감을, 삼원색(균등 간격)은 생동감 있으면서 균형 잡힌 팔레트를 만듭니다.
▶팔레트에 몇 가지 색상이 적당한가요?
대부분의 디자인 프로젝트는 3-5가지 색상이 가장 잘 작동합니다: 주색, 보조색, 강조색, 중성 톤. 60-30-10 규칙은 주요색 60%, 보조색 30%, 강조색 10% 사용을 권장합니다.
▶접근 가능한 색상 조합이란 무엇인가요?
접근 가능한 조합은 WCAG 대비 가이드라인을 충족합니다: 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1 대비율. 밝은 배경에 어두운 텍스트(또는 그 반대)가 일반적으로 가장 접근 가능합니다. 이 도구는 대비율을 자동으로 확인합니다.
더 많은 서비스를 둘러보세요 👀