색조합,색상표, 색상코드 사이트 추천

작성 toptipkr
업데이트

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

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

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

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

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

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


1. Adobe Color CC

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

2. Paletton

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

3. LOL Colors

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

4. Design Seeds

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

5. Colllor

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

6. uigradients

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

7. Color Hex

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

8. Color hunter

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

9. Color combos

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

10. Html Color Codes

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

Leave a Comment