컬러 팔레트를 만들고, 둘러보고, 내보내세요. 빠르고 쉽게, 한곳에서요.
도구 모음
팔레트
만들기
몇 초 만에 팔레트를 만들어요. 스페이스바를 누르고, 마음에 드는 색은 잠그고, 계속 바꿔 보세요.
지금 만들기팔레트
둘러보기
파스텔, 빈티지, 네온, 가을, 노을 등 31개 카테고리로 나눈 팔레트에서 영감을 얻어 보세요.
팔레트 보기이미지에서 팔레트 추출
사진을 올리면 가장 좋은 색을 뽑아 팔레트로 만들어 줘요.
이미지 올리기명암비 검사기
WCAG 접근성 기준에 따라 글자가 배경 위에서 잘 읽히는지 확인해요.
명암비 확인색상 조화
색을 하나 고르면 색상환에서 보색, 유사색, 3색 조화 색을 찾아 줘요.
조화 보기색상환
색상환 위의 점을 움직이면 고른 색에 어울리는 색을 바로 알 수 있어요.
색상환 사용하기그라데이션 생성기
두 가지 이상의 색으로 부드러운 그라데이션을 만들고 바로 쓸 수 있는 CSS 코드를 복사해요.
그라데이션 만들기색 이름
이름이 있는 수백 가지 색을 검색하고 HEX나 RGB 코드를 복사해요.
색 검색하기웹 컬러
웹사이트와 UI를 위한 팔레트예요. CSS를 바로 복사해서 붙여 넣을 수 있어요.
웹 팔레트 보기더 많은 색 아이디어
원하는 형식으로 내보내기
테마별 배색 아이디어
인기 있는 색
어떤 색을 조합할지 고민된다면 색 조합을 살펴보고, 색의 의미를 알아보거나, HEX→RGB 변환기를 써 보세요.
자주 묻는 질문
컬러 팔레트란 무엇인가요?
디자인에서 함께 쓰려고 고른 색의 묶음이에요. 보통 메인 컬러 하나와 그 색의 밝은 버전, 어두운 버전, 그리고 포인트 컬러 한두 개로 이루어져요. 로고, 브랜딩, SNS, 웹사이트, UI, 일러스트 등에 쓰여요.
이 팔레트 생성기는 어떻게 작동하나요?
정해진 목록을 보여주지 않고, 그때그때 팔레트를 만들어요. 기준 색상을 하나 고른 뒤 조화 규칙(유사색, 보색, 3색 조화, 단색)에 따라 다섯 가지 색을 구성해요. 스타일마다 밝기와 채도 범위가 달라서 파스텔은 부드럽게, 네온은 선명하게 나와요. 에디터에서 스페이스바를 누르면 새 팔레트가 만들어지고, 마음에 드는 색은 잠가서 남길 수 있어요.
좋은 컬러 팔레트는 어떻게 고르나요?
먼저 무엇을 전달하고 싶은지 생각해 보세요. 따뜻한 색은 친근하고 활기찬 느낌, 차가운 색은 차분하고 믿음직한 느낌, 어두운 색은 고급스러운 느낌을 줘요. 색은 적게 쓰고, 글자가 잘 읽히도록 명암비를 충분히 두고, 결정하기 전에 실제 디자인에 적용해 보세요.
어울리는 색은 어떻게 찾나요?
색은 서로 조화를 이룰 때 잘 어울려요. 색상환에서 이웃한 색(유사색), 마주 보는 색(보색), 같은 색상의 농담(단색)이 대표적이에요. 이 사이트의 모든 팔레트는 이 규칙을 따라요. 예시는 어울리는 컬러 팔레트에서 볼 수 있어요.
웹사이트에는 어떤 색을 써야 하나요?
모든 팔레트에는 HEX 코드가 함께 있고, 바로 붙여 넣을 수 있는 CSS도 복사할 수 있어요. 사이트가 잘 읽히도록 글자와 배경의 명암비도 확인하고, 사진에서 팔레트를 뽑아 볼 수도 있어요. 더 많은 아이디어는 웹 컬러 팔레트에서 찾아보세요.
색상환이란 무엇인가요?
1차색, 2차색, 3차색을 원 모양으로 배열한 거예요. 어떤 색끼리 어울리고 어떤 색끼리 대비되는지 보여줘서 팔레트를 만들 때 출발점이 돼요. 색상 조화에서 직접 써 보세요.
1차색과 2차색은 무엇인가요?
1차색은 빨강, 파랑, 노랑이에요. 다른 색을 섞어서는 만들 수 없어요. 2차색은 1차색 두 가지를 섞어 만들어요. 파랑과 빨강은 보라, 파랑과 노랑은 초록, 빨강과 노랑은 주황이 돼요. 1차색과 2차색을 섞으면 3차색이 나와요.
단색 배색과 보색은 무엇인가요?
단색 팔레트는 한 가지 색상을 밝고 어둡게 바꿔 써요. 통일감 있고 세련된 느낌을 줘요. 보색은 파랑과 주황처럼 색상환에서 서로 마주 보는 색이에요. 함께 쓰면 대비가 가장 크고 서로를 돋보이게 해요.
이 팔레트를 무료로 써도 되나요?
네. HEX 코드나 CSS를 복사해서 개인 프로젝트든 상업 프로젝트든 어디에나 쓸 수 있어요.