색 구성표는 디자인에서 가장 중요한 요소 중 하나이지만 익숙하지 않으면 균형 잡힌 색상조합을 고르기가 힘듭니다. 그래서 이번에는 초보자도 세련된 배색을 할 수 있는 컬러 팔레트 도구와 배색 배합 패턴 보기 서비스를 정리했습니다.
색상조합 tool & service
Color Hunt
Color Hunt는 디자이너와 예술가들을 위한 컬러 팔레트를 공유하고 발견할 수 있는 온라인 커뮤니티 플랫폼입니다. 이 사이트에서는 네 가지 색상으로 구성된 컬러 팔레트를 찾을 수 있습니다.
Color Hunt에서는 인기, 새로운, 랜덤, 색상별로 다양한 컬러 팔레트를 볼 수 있습니다.
SchemeColor
다양한 유형의 색상 팔레트가 있는 사이트입니다. 각 색상표에는 이름이 있으며 키워드로 색상표를 검색할 수도 있습니다. 다양한 색상 팔레트를 검색하고 싶을 때 추천합니다.
어도비 컬러
색상조합에서 우수한 색 구성표를 생성할 수 있는 색 구성표 생성기 외에도 유행하는 색상과 키워드를 기반으로 색상 팔레트를 검색할 수 있는 Adobe 도구입니다.
로그인하면 라이브러리에 자신만의 색상 팔레트를 유지할 수 있습니다.
또한 이미지에서 색상 팔레트와 그라데이션을 생성할 수 있는 기능과 접근성 도구가 있어 색 구성표를 만들 때 유용합니다.
AI 기반 색상 팔레트 도구
colormagic
Color Magic은 AI를 사용하여 키워드에서 독창적인 색상 팔레트를 만드는 서비스입니다.
생성된 색상 팔레트를 저장할 수 있으며 직접 조정할 수도 있습니다.
휴민트
휴민트는 AI를 활용해 다양한 색상 팔레트를 생성하는 서비스입니다.
색상 팔레트를 생성하는 것 외에도 웹 사이트, 브랜딩, 그래픽 디자인 등과 같은 다양한 샘플을 표시할 수 있어 특정 색 구성표를 쉽게 시각화할 수 있습니다.
palettemaker
Palletemaker는 많은 수의 샘플에서 AI를 사용하여 생성된 색상 팔레트를 실험할 수 있는 서비스입니다.
현장의 다양한 유형의 샘플에 적용할 수 있으므로 실제 색 구성표를 시각적으로 파악할 수 있습니다.
크로마
Khroma는 좋아하는 색상을 선택할 수 있는 색 구성표 생성기 서비스이며 인공 지능은 자신에게 맞는 색 구성표를 제안합니다.
2색 구성표가 기본이지만 4색 팔레트도 찾을 수 있습니다.
2색 패턴 견본
2색 배합 패턴 보기 서비스를 소개합니다. 두 가지 색상의 조합이 색 구성표의 기본이니까요. 먼저 두 색상의 기반이 될 색 구성표를 결정한 다음 거기에서 다음 색상을 찾으면 이미지와 일치하는 색 구성표를 더 쉽게 만들 수 있습니다.
헬로 컬러
HELLO COLOR는 화면을 클릭할 때마다 2색 패턴 샘플을 보여주는 서비스입니다.
화면에 큰 크기로 표시되기 때문에 직관적으로 이미지를 이해하기 쉽습니다.
차분한 조합부터 팝적이고 패셔너블한 조합까지, 다양한 2색 구성표를 찾을 수 있습니다.
Pigment
Pigment는 Pigment(안료)와 Lightning(빛)의 2개의 양을 조정하여 원하는 색 구성표를 찾을 수 있는 서비스입니다.
기존의 컬러 팔레트를 사용하는 경우, 사용하고 싶은 색과 조금 다른 경우가 있습니다만, 안료를 사용하면 세세하게 조정해 좋아하는 배색을 만들 수 있기 때문에, 세세한 부분까지 신경을 쓰고 싶은 분에게 추천합니다.
3색 패턴 견본
COLOR SUPPLY
COLOR SUPPLY는 색상환에서 유사한 색상과 트라이어드와 같은 우수한 색상 조합을 검색할 수 있는 서비스입니다.
2색, 3색, 4색 조합 중에서 검색할 수 있지만, 3가지 색 조합을 찾을 수 있는 다른 서비스가 거의 없으며 COLOR SUPPLY를 사용하여 3색 구성표를 찾을 수 있는 경우가 많습니다.
Random Material Palette Generator
Random Material Palette Generator는 화면을 클릭할 때마다 다른 4색 구성표를 표시하는 색 구성표 생성기입니다.
디스플레이는 다음 템플릿에서 전환할 수 있습니다.
텍스트 템플릿, 카드 템플릿, 수직 템플릿, 원형 템플릿, 로고 템플릿
4색 패턴 견본
팔레트 리스트
팔레트 리스트는 원하는 두 가지 색상을 선택할 수 있는 서비스로, 해당 색상을 사용하여 색상 팔레트를 제안합니다.
배색을 선택할 때, 메인 컬러와 서브 컬러에 일정한 요구사항이 있는 경우가 많습니다. 그럴 때 사용하기 딱입니다.
생성된 색상 팔레트는 CSS, Sass 및 SVG 형식으로 다운로드할 수 있습니다.
imagehues
Unsplash에서 무작위로 선택된 이미지에서 4색 팔레트를 생성할 수 있는 웹사이트입니다. 이미지를 보면서 색상 팔레트를 찾을 수 있어 분위기를 쉽게 이미지화 할 수 있습니다.
LOL 색상
LOL Colors는 귀여운 “물방울 모양”이 있는 4색 배색입니다.
각 색 구성표 패턴의 인기는 등록된 즐겨찾기 수로 볼 수 있습니다.
컬러드롭(ColorDrop)
Color Drop은 그리드로 표시하는 4색 구성표 패턴 서비스입니다.
화면 상단에서 인기도별로 정렬할 수 있습니다.
5색 패턴 견본
하나의 디자인에 너무 많은 색을 집어넣으면 어수선해 보이지만, 잘 조합하면 밝고 건강한 디자인을 만들 수 있습니다.
컬러피
Colorffy는 5색 팔레트를 도입한 샘플 색 구성표입니다.
색조와 취향별로 필터링할 수 있으므로 색상 팔레트의 이미지가 이미 있는 경우 더 쉽게 찾을 수 있습니다.
컬러 팔레트 생성기
Colour Pallete Generator는 클릭할 때마다 5가지 색상의 무작위 색상 팔레트를 생성할 수 있는 서비스입니다.
클릭할 때마다 컬러 팔레트를 차례로 출력할 수 있기 때문에 다른 서비스와는 조금 다른 방식으로 검색할 수 있습니다.
색상 UI
Colors UI는 5가지 컬러의 예쁜 배색 패턴이 1,000가지 이상 올라와 있는 서비스입니다.
취향도 분위기도 다른 다양한 컬러 팔레트가 게재되어 있으니 마음에 드는 것을 찾아봅시다.
해피 휴즈
Happy Hues는 웹 디자인에서 미리 확인하면서 색 구성표를 검색할 수 있는 서비스입니다.
배색이 컬러 팔레트에서 체크하면 잘 어울려도 실제로 디자인에 적용하면 이미지와 조금 다른 경우가 많지만, Happy Hues에서는 미리보기 표시를 확인하면서 색상을 선택할 수 있기 때문에 이미지에 더 잘 맞는 배색을 찾을 수 있습니다.
Coolers
Coolers는 “스페이스 바”를 누를 때마다 다른 5 색 패턴 견본을 표시하는 색 구성표 생성기 서비스입니다.
마음에 드는 색을 찾으면 해당 색을 잠그고 다른 네 가지 색 사이를 전환할 수 있습니다.
다른 Color Palette 도구 및 서비스
color selector
색상 카탈로그와 같이 이미지로 각 색상을 볼 수 있는 웹 사이트입니다. 각 색상을 보면서 시간을 할애할 수 있어 눈에 띄는 색상을 찾고 싶을 때 유용합니다.
HUE/360
색조, 채도 및 밝기에서 색상 팔레트를 만들 수 있는 도구입니다. 색상환을 인식하면서 색 구성표를 결정할 수 있습니다.
그라데이션 색상 구성표 견본
그라데이션은 현대적인 디자인에 통합되는 트렌드이며 환상적인 분위기나 매력적인 디자인을 보완하는 효과가 있습니다.
WebGradients
WebGradients는 다양한 그라데이션에 대한 샘플 색 구성표 서비스입니다.
비슷한 색상을 사용하는 부드러운 그라디언트 패턴에서 보색을 사용하는 선명한 그라데이션 패턴에 이르기까지 다양한 종류의 그라디언트 색 구성표 아이디어를 찾을 수 있습니다.
uiGradients
enter 키를 누르면 CSS 코드를 출력할 수 있기 때문에, 그대로 CSS 파일에 붙여 넣는 것만으로 그라데이션을 웹 디자인에 도입할 수 있습니다.
마무리
긴 글 읽어 주셔서 감사합니다. 작게 나마 도움이 되었으면 좋겠네요.
아래 링크한 글들도 추천 드려요
