초보자인 저는 Adobe Color CC만으로는 편안한 색상 조합을 찾기가 어려워서 여러 색상 조합 팔레트 사이트를 사용해보았습니다. 디자이너는 물론, 저처럼 색감이 둔한 초보 사용자들에게도 좋은 사이트를 소개합니다. 대부분 직관적인 UI로 사용이 간편합니다. 간단한 후기를 남겨봅니다!
색상 조합 팔레트 사이트
블로그나 홈페이지의 액센트 컬러 등을 결정할 때 이용한 사이트와 그 외 다른 용도로 이용한 사이트도 포함했습니다.
1. FLAT UI COLORS
FLAT UI COLORS
이미 만들어져 있는 플랫 색상 팔레트를 제공합니다. 클릭하면 효과음과 동시에 컬러 코드가 복사됩니다. 블로그나 홈페이지 브랜드 컬러를 결정할 때 매우 유용합니다.
2. ColorSpace
ColorSpace
검색된 색상을 다양한 타입별 팔레트를 제공합니다. 초보자 사용자는 종종 편안한 색상 조합을 찾기가 어렵습니다. 제 경우에는 제가 적용한 색상에 눈뽕을 당한 경우가 많았는데요!🤣 브랜드 컬러만 정하고 검색하면 각 타입에 맞는 컬러를 생성하기 편리합니다. 저는 주로 썸네일 이미지, 다크 모드 브랜드 컬러를 결정할 때 많이 이용했습니다.
3. Open Color
Open Color
폰트, 배경, 테두리에 사용할 색상을 제공하는 팔레트입니다. 유저 인터페이스에 최적화된 오픈소스 컬러 조합을 16진수 코드와 RGB 컬러 코드로 제공합니다. 이 사이트 역시 브랜드 컬러를 결정할 때 도움이 됩니다.
4. Eva Design System
Eva Design System
브랜드 컬러에 따라 성공, 정보, 경고 및 위험 색상 팔레트를 제공합니다. 블루를 좋아하는데 에바디자인 브랜드 컬러가 너무 예뻐서 에바디자인의 브랜드 컬러와 같은 컬러를 사용하기로 했어요! 브랜드 색상을 기반으로 생성된 4가지 색상은 텍스트 블록의 배경 및 글꼴 색상을 결정할 때 매우 유용했습니다.
5. Color Hunt
Color Hunt
4가지 색상 조합의 팔레트를 제공합니다. 카테고리별로 팔레트를 검색할 수 있습니다. 썸네일 등 이미지를 만들 때 색상 조합 팔레트를 많이 참고했습니다.
6. 2Color Combinations
2Color Combinations
단 두 가지의 색상으로 시각적으로 매력적인 색상 조합을 제공합니다. 사용자 UI가 직관적이며 단순합니다. 전자책 발췌용 이미지나 블로그 썸네일용 이미지를 만들 때 배경 및 텍스트 색상을 결정하는 데 도움이 될 수 있습니다.
7. Gradient Hunt
Gradient Hunt
이 사이트는 그라디언트 색상을 CSS 값으로 제공합니다. PNG 이미지로 저장할 수도 있습니다. 더 이상 Freepik에서 그라데이션 배경 이미지를 검색하지 않아도 됩니다. 정사각형으로 잘라서 전자책 발췌용 이미지를 쉽게 만들 수 있습니다.👍
8. Site Palette
Site Palette
Site Palette는 웹 브라우저에 설치해서 사용할 수 있는 색상 추출 확장 프로그램입니다. 방문한 웹 사이트의 색상을 추출하여 사용된 색상을 팔레트로 제공합니다. 사이트를 방문하면 브라우저 별 확장 프로그램 링크로 연결됩니다. 가능한 브라우저는 Chrome, Safari, Firefox입니다.
9. Accessible Color Matrix
Accessible Color Matrix
색의 대비를 테스트할 수 있는 사이트입니다. 배경색과 글자색의 조화는 눈부심으로부터 사용자를 보호해야 합니다. 다크 모드의 텍스트 색상 선택에 매우 유용합니다.
10. PALX
PALX
색상 코드를 검색하면 브랜드 색상과 조화를 이루는 전체 색상 팔레트를 얻을 수 있습니다. 이 팔레트에서 색상을 선택하고 조합하면 눈뽕의 위험이 크게 줄어듭니다.
11. HTML Color Codes
HTML Color Codes
RGBA 색상 코드와 16진수 색상 코드를 확인할 수 있는 팔레트입니다.