무료
색상 팔레트 생성기
조화로운 색상 팔레트를 생성합니다.보완적이고 유사한 삼원 체계를 살펴보세요.CSS, Tailwind 또는 이미지로 내보냅니다.
귀하의 파일은 귀하의 장치를 떠나지 않습니다
10:00 남음
#B8CC75
rgb(184, 204, 117)
hsl(74°, 46%, 63%)
#338A88
rgb(51, 138, 136)
hsl(179°, 46%, 37%)
#2A8974
rgb(42, 137, 116)
hsl(167°, 53%, 35%)
#10ACE5
rgb(16, 172, 229)
hsl(196°, 87%, 48%)
#A02C89
rgb(160, 44, 137)
hsl(312°, 57%, 40%)
색상 팔레트 생성기이란 무엇인가요?
StackPro의 무료 색상 팔레트 생성기는 디자이너와 개발자가 몇 초 만에 아름답고 조화로운 색상 구성표를 만들 수 있도록 도와줍니다.기본 색상에서 시작하여 보색, 유사, 삼원색 및 단색 조화를 탐색해 보세요.좋아하는 색상을 고정하고, 시각적 선택기로 개별 색상을 조정하고, 접근성을 위한 명암비를 확인하고, CSS 사용자 정의 속성, Tailwind 구성 또는 SCSS 변수와 같은 개발자가 사용할 수 있는 형식으로 내보냅니다.
색상 팔레트 생성기 사용 방법
- 색상 선택기를 사용하여 기본 색상을 선택하거나 16진수 값을 입력합니다.
- 하모니 모드(보보, 유사, 3극 등)를 선택합니다.
- 견본을 클릭하여 개별 색상을 미세 조정하세요.
- 원하는 색상을 잠그고 "생성"을 눌러 새로운 변형을 만드세요.
- 최종 팔레트를 CSS, Tailwind, SCSS로 내보내거나 PNG로 다운로드합니다.
특징
- 다양한 하모니 모드: 보완, 유사, 3극, 4극, 단색
- 16진수, RGB 및 HSL 입력이 포함된 시각적 색상 선택기
- 반복적인 팔레트 구축을 위한 색상 잠금
- WCAG 명암비 검사기
- CSS 사용자 정의 속성, Tailwind 또는 SCSS로 내보내기
- 팔레트를 PNG 이미지로 다운로드
- 팔레트 기록 및 즐겨찾기
- 100% 클라이언트측 처리
자주 묻는 질문
어떤 색상 조화 모드를 사용할 수 있나요?▼
보색, 유사, 3원, 4원, 분할 보완 및 단색 색상 조화를 사용하여 팔레트를 생성합니다.개별 색상을 선택하여 완전히 사용자 정의된 팔레트를 만들 수도 있습니다.
개발을 위해 팔레트를 내보낼 수 있나요?▼
예!팔레트를 CSS 사용자 정의 속성, Tailwind CSS 구성, SCSS 변수 또는 다운로드 가능한 PNG 이미지로 내보냅니다.각 형식을 프로젝트에 붙여넣을 수 있습니다.
접근 가능한 색상 조합을 어떻게 찾나요?▼
생성기에는 팔레트에 있는 두 색상 간의 WCAG 2.0 대비 비율을 평가하는 대비 검사기가 포함되어 있어 텍스트 가독성과 접근성 준수를 보장하는 데 도움이 됩니다.
새 팔레트를 생성하는 동안 색상을 잠글 수 있나요?▼
예!원하는 색상을 잠근 다음 다시 생성하세요. 잠금 해제된 색상만 변경됩니다.이를 통해 브랜드 색상을 중심으로 완벽한 팔레트를 반복적으로 구축할 수 있습니다.