색깔 조합 추천 - saegkkal johab chucheon

컬러 조합 사이트를 찾고 계신가요? PPT 제작, 웹디자인, 마케팅에 중요한 요소는 여러가지가 있습니다. 모두 주목할 수 있고 집중도를 올릴 수 있는 디자인으로 제작되야 한다는것이 공통점입니다. 여러 요소가 있겠지만 기본적으로 전체적인 분위기를 결정짓는것은 바로 전체적인 ‘색’이라고 할 수 있습니다. 어떤 색을 사용하느냐, 어떤 색 조합을 어떤 부분에 넣느냐에 따라 분위기가 확 달라지는데요. 오늘은 색상 조합 사이트를 소개해드립니다.

목차

1. Color Hunt

2. Adobe Color

3. DesignSeeds

4. Color dot

5. uiGradients

Color Hunt

Color Hunt 바로가기

Color Hunt 사이트는 사용자가 직접 색을 조합하는 사이트는 아니며, 다른 사람들이 올려놓은 색 배열을 볼 수 있는 사이트 입니다.

최신, 인기있는, 트렌디한, 랜덤 색 배열을 필터링을 통해 볼 수 있으며 아주 다양한 색 배열이 준비되어 있어서 이 사이트를 참고하고 시안을 짜는것을 추천해드립니다.

Adobe Color

Adobe Color 바로가기

포토샵, 일러스트, 프레스코 등 어도비 서비스를 통해 작업을 할 계획이라면 Adobe Color를 추천해드립니다.

이 사이트에서 색 조합 후 저장하면(로그인) Creative Cloud에 저장되며, 포토샵이나 일러스트 등 어도비 제품을 실행시켜 저장한 컬러를 불러와 사용할 수 있습니다.

DesignSeeds

DesignSeeds 바로가기

부드러운 파스텔톤의 색감을 찾고 있다면 Design Seeds 를 이용해보시길 바랍니다.

강하지 않은, 부드러운 파스텔톤 컬러들이 준비되어 있습니다.

사진과 그 아래에 사진에 사용된 색상 코드들이 있습니다.

분위기 있는 사진과, 색상코드를 동시에 얻을 수 있습니다.

Color dot

Color dot 바로가기

사이트에 접속하고 마우스 커서를 움직여 보세요. 계속해서 색이 변하는 것을 볼 수 있습니다.

마음에 드는 색을 찾았다면 커서를 멈추고 클릭해보세요, 색이 저장됩니다.

저장된 색은 맨 왼쪽에 분할되어 저장되고 나머지 넓은 화면에서 다시 색을 골라 저장할 수 있습니다.

저장된 색들은 RGB값과 HSL을 조절할 수 있습니다. 어플로도 출시되어 있으며 아이폰에서만 사용가능합니다.

Color dot iOS 다운로드

uiGradients

uiGradients 바로가기

uiGradients 컬러 조합 사이트에서는 사이트의 이름답게 그라데이션 컬러를 찾을 때 활용하면 좋은 사이트 입니다.

다양한 그라데이션 컬러를 제공하고 있으며 이미지 다운로드 및 CSS소스를 제공합니다.

본인이 만든 그라데이션 컬러를 업로드하고 공유할 수 있습니다.

같이 읽으면 좋은 글

• 화질 손실 최소화 이미지 용량 줄이기 방법

SHARE ON

색조합 사이트를 찾고 계시나요?

웹사이트를 만들거나 블로거, 애플리케이션, 하다못해 PPT를 만들 때도 디자인은 꼭 필요합니다.

이렇게 중요한 디자인의 기본이 되는 컬러, 색 조합!

아무리 좋은 아이디어더라도 색상이나 디자인이 받쳐주지 않는다면 아쉽기 마련인데요,

이럴 때 색상표 코드나 색조합 사이트를  알아두시면 간단한 문서 서식은 물론 디자인을 할 때 아주 유용하게 사용 될 것입니다.

어울리는 색을 조합하고, 원하는 색조합 찾기를 할 수 있는 유용한 색조합, 색상표 사이트를 소개합니다.

목차

• 1. Adobe Color CC
• 2. Paletton
• 3. LOL Colors
• 4. Design Seeds
• 5. Colllor
• 6. uigradients
• 7. Color Hex
• 8. Color hunter
• 9. Color combos
• 10. Html Color Codes

1. Adobe Color CC

• 색상 조합 사이트 중 가장 유명한 사이트로 개인적으로 가장 유용하게 사용하고 있다
• ‘만들기’에서 규칙을 정해 유사/단색/ 삼각/ 보색/ 혼합/ 음영이 가능하여 색조합이 가능하다
• 검색창에서 원하는 테마를 찾아볼 수 있으며 사용이 쉽다는 장점이 있다
• 탐색을 통해 다른 유저들이 업로드한 컬러 팔레트를 이용할 수 있다
• 사진 첨부를 해서 사진에 사용된 색상을 추출할 수 있고 원하는 컬러로 저장해서 팔레트처럼 사용할 수 있다

2. Paletton

• 단색에서부터 4가지 색상 조합까지 선택해 볼 수 있다
• 원형 색상표에 마우스를 가져다 원하는 색상을 선택하면 해당 색상의 RGB 비율과 색상 코드를 알 수 있다
• HTML, CSS 등으로 색상 값을 생성할 수 있어 웹 작업 시 유용한 색조합 사이트이다

3. LOL Colors

• 깔끔하면서도 귀여운 색 조합 사이트로 매일 새로운 컬러들이 업데이트되고 있다
• 마음에 드는 컬러 조합에 투표를 할 수 있어 인기 있는 색상표를 알 수 있어 트랜디한 컬러 조합 찾기에 좋다
• 디자인에 자신이 없다면 다수의 의견을 따라 인기 있는 색상표를 사용해보는 것을 추천한다

4. Design Seeds

• 다양한 사진과 함께 사용한 색상 조합을 참고할 수 있는 사이트이다
• 완성된 결과물의 전반적인 분위기를 알고 싶을 때 유용하게 사용할 수 있다
• 일러스트에 사용된 색상 코드를 알 수 있다
• 이미지를 통해 다양한 색상 조합과 느낌을 볼 수 있어 디자인 감각에 도움이 된다

5. Colllor

• 상단에서 컬러 아이콘에서 원하는 색상을 선택하면 음영/색조/ 톤/ 혼합/ 유사 색을 알 수 있다
• 색의 변화나 그라데이션을 선택할 때 유용한 사이트이다

6. uigradients

• 색상과 어울리는 그라데이션을 조합을 원할 때 활용해보면 좋은 색조합 사이트 UI 그라디언트이다
• 다양하고 예쁜 색조합이 많으며 원하는 색상과 그라데이션을 했을 때 결과물을 미리 확인할 수 있어 유용하다

7. Color Hex

• 색상에 대한 구체적인 정보, RGB, HSL, HSV, CMYK 등을 알 수 있는 심플한 단색 색상표이다
• 선택된 색상에 대한 간단한 css 코드와 HTML 요소 샘플도 표시된다
• 유저들의 최신 인기 있는 색상도 알 수 있다

8. Color hunter

• 이미지/ 이미지 링크를 업로드하면 색상을 추출하여 보여준다
• 유저가 색상을 조합해 올리면 ‘좋아요’를 눌러 사용자들과 콜라보할 수 있는 색상표 사이트이다

9. Color combos

• 최신 색조합들이 나열되어 있으며 색상 코드/ 색상에 대한 자세한 정보를 확인할 수 있다
• 마음에 드는 색조합을 선택하면 폰트 컬러 테스터 샘플을 볼 수 있다

10. Html Color Codes

• 색상표 위에 마우스로 드래그로 기본 컬러를 선택해 색상 조합 패턴을 선택해 간편하게 이용할 수 있다