미리캔버스 RGB 컬러 코드 추출해내는 간편한 방법

미리캔버스 RGB 컬러코드를 추출해내는 방법에 대해서 자세히 알려드릴게요. RGB 색상 코드는 블로그를 운영하시는 분들이 알아두시면 매우 유용합니다. 블로그 본문에 버튼 하나 넣더라도 버튼 색을 자유자재로 바꿀 수 있는 방법이거든요. 디자이너나 개발자가 아니어도 무료 프로그램으로 간편하게 RGB색상 코드 추출하는 법에 대해서 상세히 알아보겠습니다. 

미리캔버스 들어가기 

우선 미리캔버스에 접속해주세요. 로그인만 하시면 무료로 사용하실 수 있습니다. 

1. 미리캔버스 로그인 후 무료 사용  

저는 간편하게 네이버 로그인을 했습니다. 

홈화면에서 ‘바로 시작하기’버튼을 누르시면 아래 화면이 뜹니다.

1) 디자인만들기 

2) 직접입력(작업 캔버스 사이즈 직접입력하는 부분입니다. 저는 정사각형 사이즈를 만들었는데 아무 사이즈나 상관없어요) 

3) 새 디자인 만들기 를 눌러주세요. 

2. 도형 넣기 

아무 도형이나 하나 캔버스에 넣어줄게요. 스포이드를 사용하려면 요소가 하나 있어야합니다. 

1) 요소 

2) (아무)도형을 하나 선택해주세요. 

그럼 작업 대지에 도형이 들어옵니다. 

3. RGB 색상 추출할 이미지 넣기 

저는 구글 로고를 캡쳐해서 넣었습니다. 프린트스크린 키를 이용하셔서 컨트롤 + c, 컨트롤 + v 를 해서 바로 붙여넣으실 수 있어요. 

본격 색상 추출 작업  

1) 도형을 선택하시면 왼쪽 화면이 편집 화면으로 바뀝니다. 

2) 여기서 ‘색상’을 눌러주세요. 

그럼 아래와 같은 팝업이 하나 뜹니다. 

여기서 하단에 ‘스포이드 모양 아이콘’을 눌러주세요. 

4. 스포이드 도구로 색상 추출하기 

작업 화면으로 넘어오게 되는데 여기서 원하는 부분에 스포이트를 갖다 대시면 그 부분의 RGB 색상코드가 바로 나오게 됩니다.

구글 로고의 빨간색 RGB 코드는 EA4335 입니다. 

구글 로고의 노란색 RGB 코드는 FBBC05 입니다. 

구글 로고의 초록색 RGB 코드는 34A853 입니다. 

두번째로 간편한 RGB추출 방법 

저는 미리캔버스를 이용해서 RGB코드를 추출하는 것이 꽤 간편한 방법이라고 봅니다. ‘가장’이라는 말을 쓰지 않은 이유는 미리캔버스보다 더 간편한 RGB코드 추출 방법을 발견했기 때문입니다. 

크롬 브라우저를 사용하시는 분에게는 아래 소개드리는 방법이 제일 간편한 방법일 것 같습니다. 

​

코드 추출을 원할 때마다 새 사이트를 열지 않아도 되고, 캡쳐해서 붙여넣기 할 필요도 없는 RGB코드 추출 방법을 소개해드릴게요. 

☞ 크롬 확장프로그램 한 번 설치로 평생 RGB코드 제일 간편하게 추출하기