HEX 색상 코드가 무엇인가요?

빨강·초록·파랑의 세기를 두 자리씩 16진수로 적은 여섯 자리 코드입니다.

투명한 배경의 로고도 되나요?

됩니다. 투명한 부분은 색으로 세지 않아서 배경이 검정이나 흰색으로 뽑히지 않고, 로고에 쓰인 색만 나옵니다.

이미지에서 그 색과 가까운 점이 차지하는 몫입니다. 투명한 부분을 뺀 나머지를 100%로 봅니다.

개별이미지색상색상코드HEX팔레트디자인

사진이나 로고에 쓰인 색을 HEX 색상 코드로 알아내려면 어떻게 하나요?

한 줄 답

이미지 한 장을 넣으면 많이 쓰인 색을 골라 HEX 색상 코드로 보여 주고, 누르면 복사해요. 이미지는 이 브라우저 안에서만 읽고 어디에도 올리지 않아요.

여기에 사진 한 장을 끌어다 놓아요

캡처한 화면은 Ctrl+V(맥은 ⌘+V)로 바로 붙여 넣어도 돼요.

사진 선택

사진은 이 브라우저 안에서만 다루고 어디로도 올리지 않아요. 탭을 닫으면 사라져요.

넣은 글과 파일은 이 브라우저 안에서만 처리합니다. 이 사이트의 서버로 올라가지 않고, 어디에도 저장되지 않습니다.

사진은 같은 물건도 빛에 따라 조금씩 다른 색이 섞여 있어서, 대표색은 그 색들의 평균에 가깝게 나옵니다. 로고처럼 색이 딱 나뉜 그림일수록 원래 색과 똑같이 나옵니다.
미리보기를 눌러 읽는 색은 화면에 맞게 줄인 그림의 한 점이라, 아주 가는 선이나 작은 글자 위에서는 주변 색과 섞여 나올 수 있습니다.

이미지를 끌어다 놓거나 「사진 선택」으로 고릅니다. 캡처한 화면은 Ctrl+V(맥은 ⌘+V)로 바로 붙여 넣어도 됩니다.

넣자마자 대표색이 많이 쓰인 순서로 나옵니다. 색 칸을 누르면 그 색의 HEX 코드가 복사되고, 「HEX 모두 복사」를 누르면 나온 색 전부가 한 줄에 하나씩 복사됩니다. 뽑을 색 수는 5가지·8가지·12가지 중에서 고릅니다.

아래 미리보기에서 원하는 자리를 누르면 그 점의 색이 HEX 코드와 RGB 값으로 나옵니다. 로고의 글자색이나 배경색 하나만 알면 될 때 이쪽이 빠릅니다.

뽑을 색 수는 주소의 # 뒤에 붙습니다. 이미지나 파일 이름은 주소에 붙지 않습니다.

HEX 색상 코드가 무엇인가요?: 빨강·초록·파랑의 세기를 두 자리씩 16진수로 적은 여섯 자리 코드입니다.
투명한 배경의 로고도 되나요?: 됩니다. 투명한 부분은 색으로 세지 않아서 배경이 검정이나 흰색으로 뽑히지 않고, 로고에 쓰인 색만 나옵니다.
비율은 무엇을 뜻하나요?: 이미지에서 그 색과 가까운 점이 차지하는 몫입니다. 투명한 부분을 뺀 나머지를 100%로 봅니다.