색상 팔레트 생성기
무료 색상 팔레트 생성기: 유사색, 보색, 3색 조화 등 조화로운 팔레트를 만들고 마음에 드는 색을 고정한 뒤 HEX 또는 CSS로 내보내세요.
관련 도구: 이미지 색상 추출·스포이트 · 색상 대비 검사기
무엇을 하나
이 생성기는 웹사이트, 앱, 프레젠테이션, 디자인을 위한 색상 팔레트를 만듭니다. 색상 조화를 선택하면 기준 색상에서 서로 어울리는 색을 구성하고, 스페이스바를 누르면 무작위 팔레트가 만들어집니다. 마음에 드는 색을 잠그면 나머지 색만 바뀝니다. 색상은 OKLCH 색 공간에서 계산되므로 색상이 바뀌어도 체감 밝기가 유지되어 팔레트가 균형 있게 보입니다. 색상을 HEX, CSS 변수 또는 JSON으로 복사하거나 링크로 팔레트를 공유하세요.
사용 방법
- 색상 조화와 기준 색상을 선택하거나 무작위로 둡니다.
- 마음에 드는 팔레트가 나올 때까지 스페이스바나 생성을 누르고, 유지할 색은 잠급니다.
- 색상 코드를 클릭해 복사하거나 팔레트 전체를 HEX, CSS 또는 JSON으로 복사합니다.
자주 묻는 질문
색상 조화는 어떤 의미인가요?
색상환에서 나온 고전적인 조합입니다. 유사색은 인접한 색상으로 차분한 느낌을 주고, 보색은 반대편 색상으로 강한 대비를 만듭니다. 3색 조화와 4색 조화는 세 가지 또는 네 가지 색상을 고르게 배치하고, 분할 보색은 보색 쌍을 부드럽게 하며, 단색 조화는 한 가지 색상을 여러 명도로 사용합니다.
왜 HSL이 아니라 OKLCH인가요?
HSL에서는 명도 값이 같은 노란색과 파란색도 밝기가 매우 다르게 보입니다. OKLCH는 인간의 지각을 기준으로 설계되어 색상을 돌려도 색의 밝기가 똑같이 유지됩니다. 이런 이유로 CSS에 추가된 색 공간입니다.
색상이 잘 읽히는지 확인할 수 있나요?
네. 색상 대비 검사기를 사용하면 한 색의 텍스트를 다른 색의 배경 위에 놓았을 때 WCAG 접근성 기준을 충족하는지 확인할 수 있습니다.