색상 코드란 컴퓨터에서 특정 색상을 나타내는 6자리 코드입니다. 주로 앞에다가 삽(#)을 붙여 #000000와 같은 방식으로 표시되죠. 포토샵 등 이미지 편집 프로그램에서 색을 표현하려면 이 색상 코드가 필요한 경우가 많습니다. 색상 코드에 대한 더 자세한 설명은 아래를 클릭해 봐주세요.
위 사이트가 바로 사진에서 이미지의 색상 코드를 뽑는 사이트입니다! 위 링크를 클릭해 들어가주세요.
뽑고 싶은 사진, 화면 올리기
오른쪽 아래 Use Your Image를 눌러 뽑고 싶은 사진이나 화면을 올릴 수 있습니다. 방법이 여러가지 있으니 하나씩 차근차근 설명해볼게요.
사진 파일 업로드하기
색상 코드를 얻고 싶은 파일을 업로드합니다. 브라우저에서 찾아도 되고 아님 드래그 엔 드롭으로 인터넷 창에 끌어다 놓으셔도 됩니다. 이 때 업로드 되는 파일은 저장되지 않는다니 안심하시고 올려도 될 거 같습니다!
화면에서 직접 뽑기
현재 화면에서 컬러코드를 직접 뽑습니다! Start 버튼을 누르시고 사진처럼 스포이드 도구를 눌러주시면 됩니다. 만약 되지 않는다면 다른 방식을 이용해주세요.
웹사이트 주소에서 뽑기
웹사이트 url 주소를 올리면 해당 웹사이트를 캡쳐해서 보여줍니다. 이 캡쳐에서 원하는 색상을 뽑으시면 됩니다!
이미지 주소에서 뽑기
인터넷에서 올려진 이미지의 url 주소를 올리면 해당 이미지가 업로드됩니다.
이미지의 주소는 주소를 얻고 싶은 이미지에다 우클릭 하신 후 이미지 주소 복사를 눌러주시면 됩니다.
클립보드에서 붙여넣기
이미지를 Ctrl + C로 복사하신 후 이 사이트에다가 Ctrl + V를 하시면 사진이 복사되어 업로드됩니다!
이미지 검색
pexels라는 사이트의 이미지 검색을 통해서 원하는 이미지를 고를 수 있다 하네요.
현실에서 뽑아오기
마지막으로 Nix color Sensor라는 기기가 있을 경우 현실에서도 색을 뽑아올 수 있다 하네요!
색상 코드 뽑기
위와 같이 여러가지 방법 중 하나로 사진을 업로드 했으면, 이제 색상을 뽑아오는 방법에 대해 알아봅시다.
우선 사진 위에 마우스를 올려놓으면 1번처럼 어느 픽셀을 보고 있는지 뜨게 됩니다. 2번은 이전에 선택된 색상입니다. 3번은 현재 보고 있는 픽셀의 색상입니다. 사진 위에서 마우스를 옮기다 보면 3번의 색이 바뀌는 것을 확인할 수 있습니다. 움직이다가 맘에 드는 색상을 발견하면 클릭해서 선택해주세요.
클릭하시면 다음과 같이 위쪽 사각형의 색이 바뀜을 확인하실 수 있습니다. 이 때 빨간색 사각형으로 테두리 쳐 놓은 부분이 바로 색상 코드입니다! 옆의 복사 모양 아이콘을 눌러서 구한 색상 코드를 복사해주시면 됩니다.
또 언제든지 궁금한 내용이 있으면 댓글을 달아주시거나 화면 왼쪽 아래의 디스코드 아이콘을 누르면 실시간으로 답해드립니다! (아이콘이 보이지 않는다면 에드 블록을 꺼주세요)
댓글