본문 바로가기
카테고리 없음

두 가지 컬러 추천하는 색 조합 사이트 (ft. 색상코드 찾는 방법)

by SS월드 2023. 2. 7.

요즘은 유튜브나 블로그 그리고 인스타그램까지 영상이나 디자인을 편집하는 실력들을 보면 모두가 디자이너 같다는 생각을 합니다. 하지만 전문가가 아니다 보니 이미지 작업을 할 때 배경에 어울리는 글씨색 혹은 글씨색에 어울리는 바탕색을 고르기가 정말 어려운데요. 미리캔버스 작업할 때 필요한 색상코드를 찾아볼 수 있고 두 가지 컬러 추천을 도와주는 색 조합 사이트가 있어서 정보를 공유해 보려고 합니다.

 

두가지-색조합-사이트-추천
완벽한-두가지-색-조합-사이트

 

이미지 작업을 할 때 색깔만 잘 골라도 왠지 세련된 이미지가 만들어지는데요. 전문가들이 추천하는 완벽한 두 가지 색 조합 사이트가 있습니다. 텍스트보다 이미지가 시각화되는 요즘 매력적인 디자인을 만들 수 있는 무한한 양의 색상 조합이 가능합니다. 두 가지 색 조합을 통해 조화로움도 표현할 수 있습니다. 반면에 서로 다른 색의 조합은 긴장감을 주기도 합니다. 내가 만들려고 하는 이미지의 분위기를 고려해서 두 가지 색상을 골라도 좋습니다. 색상 선택만 잘해도 이미지 작업의 반을 성공했다고 해도 과언이 아닙니다. 그렇다면 디자인 전문가가 추천하는 색상에는 어떤 것이 있을까요?

 

 

 

 

투컬러콤비네이션 (Two Clolor Combinations)

두 가지 컬러 추천 메뉴

이 사이트는 조화를 이루는 두가지 색을 알려주는 사이트입니다. 위의 사이트로 이동한 후 스크롤바를 통해 내가 사용하고자 하는 두 가지 색상을 선택해도 됩니다. 또는 서로 짝을 이루는 색깔을 선택할 수도 있습니다.

1) 원하는 조합의 두 가지 컬러를 골라봅니다.

2) 선택한 색상의 중간 부분에 박스가 겹쳐진 아이콘을 선택합니다.

3) 아이콘을 선택하게 되면 선택한 색깔의 색상코드가 클립보드에 복사게 됩니다.

4) 복사된 색상코드를 이미지 작업하는 툴의 색상선택 기능에 추가하여 사용합니다.

 

 

다섯 가지 컬러 추천 메뉴

해당 사이트 오른쪽 상단에 위치한 Colorion 버튼을 클릭하면 두 가지 색 조합 사이트의 메인화면으로 이동할 수 있습니다.

메인 화면에는 여러 가지 조합의 색 배열을 제공해 줍니다. 두 가지 이상의 색깔의 조합이 필요한 경우 참고해도 좋습니다.

 

여러가지-색-조합
5가지-색조합-구성

 

그라데이션 컬러 추천 메뉴

2 Color Combinations 사이트 화면 상단 오른쪽에 위치한 Gradient Buttons를 선택하면 다양한 색상의 그라데이션의 예시를 제공해 줍니다.

 

 

Colblindor (https://www.color-blindness.com/)

이미지 작업을 할 때 메인 색상을 선택하는 것은 쉬운 일이 아닙니다. 그리고 선택한 메인 색깔에 어울리는 특정 색상을 지정하는 것 또한 쉽지 않습니다. Colblindor 사이트는 온라인에서 색깔을 테스트 해 볼 수 있고 색상명을 찾을 수 있는 기능 등 다양하고 흥미로운 도구를 제공하고 있습니다. 만약 색깔 선택에 도움이 필요하다면 Colblindor 사이트의 도움을 받을 수 있을 듯합니다.

 

 

 

 

색상코드와 색상명 찾는 방법

1) Colblindor 메인 사이트에서 오른쪽 상단에 위치한 메뉴 중 Color Tools를 선택합니다.

2) 선택한 메뉴의 하위 항목 중 Color Name & Hue를 선택합니다.

3) 화면에 보이는 색상 중에서 내가 사용하려고 하는 색깔을 선택합니다.

4) 원하는 색상을 선택할 수도 있고, 색깔의 명도, 채도 등 HSB 또는  RGB를 선택할 수 있습니다.

5) 위의 항목을 선택하면 색상코드와 색상명을 알 수 있습니다.

 

색상코드에 해당하는 색깔명 찾는 방법

반대로 내가 만약 색상코드를 알고 있는 경우 가지고 있는 색상코드를 #: 옆에 위치한 박스에 입력하면 해당 색상코드의 색상명을 알 수 있습니다.

 

 

Color Picker (https://www.htmlcsscolor.com/)

이 사이트는 내가 알고 있는 색상코드를 입력하면 바로 색깔을 알려줍니다. 또는 내가 선택한 색상의 색상코드를 바로 찾을 수 있습니다. 

색상코드-정보-제공
https://www.htmlcsscolor.com/

위 이미지의 왼쪽 빨간색 박스에 찾고자 하는 색상코드 값을 입력할 수 있습니다.

또는 INFO 왼쪽의 색깔 박스를 선택해서 원하는 색상을 선택하고 해당 색깔의 코드 값을 찾을 수 있습니다.

 

 

 

미리캔버스 또는 파워포인트에서 이미지 작업을 할 경우 유용하게 사용할 수 있는 색상코드 혹은 색상명 찾는 방법 그리고 두 가지 컬러 추천하는 색 조합 사이트에 대해서 알아보았습니다.

반응형

댓글