색상 팔레트 생성기
색상 규칙이나 사진으로 5색 팔레트를 만들고 글자 대비를 확인한 뒤 코드를 복사하세요.
무료 · 회원가입 없음 · 워터마크 없음
광고
사용 방법
- 유사색이나 보색 같은 규칙을 선택하거나 "이미지에서 추출"로 전환하세요.
- 생성(또는 스페이스바)을 누르고 유지하려는 색상을 잠그세요.
- HEX 코드나 CSS 변수를 복사하거나 PNG를 다운로드하고, 팔레트를 내 브랜드 색상으로 저장하세요.
광고
광고
색상 팔레트 생성기
조화 규칙은 색상환을 기반으로 합니다. 유사색은 서로 이웃해 있고, 보색은 반대편에 있으며, 삼색 조화는 120° 간격입니다. 각 색상 견본에는 흰색과 검은색 글자 중 어느 쪽이 더 읽기 좋은지가 WCAG 대비율과 함께 표시되며, 일반 글자의 최소 기준은 4.5:1입니다.
"이미지에서 추출"은 사진의 작은 복사본에서 k-평균 군집화로 주요 색상을 찾습니다. 브랜드 색상으로 저장하면 네 가지 색상이 이 브라우저에만 저장되어 로고 메이커, 파비콘, 썸네일 도구에서 사용할 수 있습니다.
자주 묻는 질문
잠금은 무엇을 하나요?
잠근 색상은 다시 생성해도 유지되므로 이미 마음에 드는 색을 중심으로 팔레트를 만들 수 있습니다.
색상을 추출할 때 내 사진이 업로드되나요?
아니요. 색상은 브라우저에서 계산됩니다.
CSS에서는 어떤 형식을 사용해야 하나요?
HEX가 가장 흔하며, 이 도구는 바로 붙여넣을 수 있는 CSS 변수도 제공합니다.
광고