대표 색상 추출
Average & Dominant Colour
이미지의 평균·중앙값·최빈 색 가운데 하나를 대표 색으로 뽑아 색상 값으로 돌려줍니다.
“이 그림은 무슨 색인가”에는 타당한 답이 넷 있고, 그 답들은 서로 어긋납니다. 때로는 크게 어긋납니다. 이 도구는 넷을 모두 계산하고 각각이 어디에 쓸모 있는지 밝힙니다. 하나를 골라 평균이라고 부르지 않습니다.
이미지를 놓으세요
“이 그림은 무슨 색인가”에 대한 네 가지 답과, 그 답들이 서로 어긋나는 이유입니다.
사용 방법
이미지를 놓습니다
디코딩해 표본을 뽑고 측정합니다. 방금 넣은 그림을 다시 내려받는 사람은 없으니 결과 파일은 만들지 않습니다.
색 견본이 필요하면 최빈 색을 씁니다
색 공간에서 픽셀이 가장 많이 몰린 영역을 그 안의 평균으로 다듬은 값입니다. 넷 중 그림에 실제로 많이 들어 있다고 보장되는 유일한 색입니다.
배경이 필요하면 선형 평균을 씁니다
그림이 내보내는 빛의 색이라서, 주변광을 맞추거나 캔버스 밖으로 이미지를 이어 붙일 때 맞는 값입니다.
자주 묻는 질문
두 평균은 왜 색이 다른가요?
sRGB 바이트값이 빛의 양에 비례하지 않기 때문입니다. 바이트를 그냥 평균 내면 아래로 볼록한 곡선 위에서 평균을 내게 되어 결과가 어두운 쪽으로 끌립니다. 선형 광량에서 평균 낸 뒤 되돌리면 그렇지 않습니다. 두 값의 차이는 수치로 함께 보여 줍니다.
평균이 사진 어디에도 없는 회색으로 나옵니다.
전혀 다른 두 영역으로 이루어진 그림에 평균을 내면 그렇게 됩니다. 채널별로 계산해 이런 경우에 강한 중앙값이나 최빈 색을 쓰세요. 둘 다 그림에 실제로 있는 색을 돌려줍니다.
색이 하나로는 부족합니다.
색상 팔레트 추출이 이미지를 양자화해 항목마다 비율과 함께 알려 줍니다. 테마나 차트 색 눈금에는 그쪽이 맞습니다.
이 도구로 이어지는 것
이미지 색상 팔레트 추출
Palette Extractor
이미지에서 N개의 대표 색을 뽑아 HEX·CSS 변수·ASE 스와치로 내보냅니다.
BlurHash 생성
BlurHash / ThumbHash
이미지를 짧은 BlurHash·ThumbHash 문자열로 인코딩해 로딩 자리표시자로 쓸 수 있게 합니다.
PNG 압축
PNG Compressor
색상 수를 줄이고 압축 스트림을 다시 써서 크기 변화 없이 PNG 용량을 줄입니다.
JPEG 압축
JPEG Compressor
원하는 품질로 JPEG를 다시 인코딩하고 압축 전후 용량과 차이를 함께 보여줍니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
BlurHash 생성
BlurHash / ThumbHash
이미지를 짧은 BlurHash·ThumbHash 문자열로 인코딩해 로딩 자리표시자로 쓸 수 있게 합니다.
색상 코드 변환
Colour Format Converter
HEX·RGB·HSL·HWB·LAB·LCH·OKLCH로 색을 변환하고 가장 가까운 색 이름을 알려 줍니다.
명도대비 검사
Contrast Checker
전경·배경 색 조합을 WCAG 2와 APCA 기준으로 채점하고 통과하는 가장 가까운 색을 제안합니다.
이미지 색상 팔레트 추출
Palette Extractor
이미지에서 N개의 대표 색을 뽑아 HEX·CSS 변수·ASE 스와치로 내보냅니다.
색상 선택기
Colour Picker
OKLCH 좌표판에서, 화면 스포이드로, 또는 업로드한 이미지에서 색을 고르고 원하는 표기법으로 복사합니다.
환율 계산기
Currency Converter
유럽중앙은행 일일 기준환율로 30여 개 통화를 유로를 거쳐 환산하고, 은행이 알려 준 환율을 직접 넣어 계산할 수도 있습니다.