Irodori彩り

이미지에서 색 추출

이미지에서 로컬로 색 추출

개요 이미지에서 색 추출

이미지에서 로컬로 색 추출

사용 방법

화면 어디에서나 또는 업로드한 이미지에서 색을 추출하고, 값을 미세 조정해 원하는 형식으로 복사하세요.

데이터 보호가 중요하다고 생각합니다. 이미지는 기기 밖으로 나가지 않습니다.

선택한 색

HEX#104E8B
RGBrgb(16, 78, 139)
HSLhsl(210 79% 30%)

팔레트

10가지 색 색을 클릭하면 복사하거나 새로 뽑은 색으로 바꿉니다.
#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE

HEX 색상 코드란?

HEX는 빨강, 초록, 파랑을 16진수로 표현하는 6자리 값이며 앞에 #을 붙입니다. 각 2자리는 00~FF로 약 1,677만 가지 색을 표현합니다.

짧고 정확하며 CSS, 디자인 도구, 브랜드 가이드에서 널리 지원되어 전달과 구현에 가장 적합합니다.

HEX, RGB, HSL의 차이

RGB는 같은 세 채널을 10진수로, HSL은 색상, 채도, 밝기로 설명합니다. HSL은 숫자를 외우지 않고 색을 조정할 수 있습니다.

전달과 CSS에는 HEX, 투명도가 필요하면 RGB, 단계 생성과 밝기 조정에는 HSL이나 OKLCH가 좋습니다.

자주 묻는 질문

#FFF와 #FFFFFF는 다른가요?
같은 색입니다. 3자리 HEX는 축약형이며 각 자리를 반복하면 6자리가 됩니다.
이미지에서 색을 추출할 수 있나요?
가능합니다. 이미지를 업로드한 뒤 미리보기 위를 이동하거나 탭하면 해당 위치의 색을 읽습니다.
추출한 색은 정확한가요?
표시된 이미지 픽셀에서 읽습니다. 큰 이미지는 속도를 위해 축소되므로 원본에서 추출하면 가장 정확합니다.
이 도구는 무료인가요?
예. 이 사이트의 모든 도구는 계정 없이 무료로 사용할 수 있습니다.