이미지에서 색 추출

그림의 한 픽셀을 읽어 HEX 등을 보여 줍니다. 브랜드북을 대신하지 않습니다. 본문에 쓸 쌍은 대비 검사로 이어 가세요.

사내 랜딩 버튼을 로고 캡처와 같은 색으로 맞춰야 할 때입니다. 이 페이지는 그 점의 값을 읽습니다. 임의의 조화 색은 색상 팔레트입니다.

글자와 배경이 읽히는지 보려면 대비 검사입니다.

캡처에서 버튼 색을 맞출 때

카톡으로 받은 로고는 일반 화질이면 가장자리가 섞여 HEX가 탁합니다. 가능하면 원본 PNG를 쓰세요. 윈도우 캡처 도구로 딴 화면은 배율이 125%면 중간색이 나옵니다. 한 점을 여러 번 찍어 비슷한 값을 고르세요. 티스토리 스킨 미리보기와 실제 글 화면의 색이 다를 수 있으니, 뽑은 HEX를 CSS에 넣은 뒤 모바일 카톡 인앱으로도 보세요.

사람인 기업 로고 칸의 공식 색을 여기서 보증하지 않습니다. 카카오 브랜드 가이드 PDF를 대신 내려받지도 않습니다.

인쇄색과 대비

1. PNG·JPEG를 놓습니다. 대략 32MB까지입니다.
2. 찍고 값을 복사합니다.
3. 본문 색으로 쓸 거면 대비를 확인하세요.

데스크톱 스포이드처럼 화면 전체를 찍지 않습니다. 올린 그림만 봅니다. 색각 시뮬레이션이 없습니다.

티스토리 스킨 CSS에 넣을 HEX는 캡처가 아니라 가능하면 디자이너가 준 PNG에서 읽으세요. 카톡으로 받은 미리보기 JPG는 색이 탁해져 버튼이 로고와 어긋납니다. 파일은 탭에 남습니다. 화면 전체를 찍는 데스크톱 스포이드가 아니므로, 주소창이나 다른 창의 색은 읽지 않습니다. 인쇄용 Pantone 칩과도 숫자가 다릅니다. 카카오 공식 브랜드 색은 가이드 PDF를 따르고, 캡처 HEX를 공식 브랜드 값처럼 제출 자료나 사람인 기업 로고 칸에 공식 HEX처럼 기입하지 마세요. 캡처 픽셀일 뿐입니다. 가이드를 대신하지 않습니다.