웹사이트 색상 팔레트 추출기

웹사이트 색상 팔레트 추출기 소개

웹사이트 색상 팔레트 추출기는 사이트가 실제로 사용하는 색상을 보여줍니다. 공개된 웹 주소를 입력하면 페이지가 저희 서버에서 가져와집니다, 교차 출처 제한 때문에 브라우저는 다른 사이트를 직접 읽을 수 없습니다, 그런 다음 인라인 스타일, 내장 스타일 블록, 연결된 스타일시트를 모두 스캔하여 모든 색상 토큰을 찾습니다.

HEX, rgb(), rgba(), hsl(), hsla() 값이 모두 하나의 HEX 형식으로 정규화되어 집계되므로, 팔레트는 각 색상이 사이트의 CSS에 얼마나 자주 나타나는지에 따라 순위대로 반환됩니다. 이 빈도 정렬이 바로 브랜드의 실제 기본 색상을, 목록 아래쪽의 일회성 테두리와 그림자 수십 개와 구분해 줍니다.

모든 스와치는 클릭 한 번으로 복사되며, 내보내기 패널은 결과를 CSS 변수, SCSS, Tailwind 설정, JSON, SVG 스와치 시트 또는 일반 HEX 목록으로 변환합니다. 이 도구는 무료이며 요청 횟수가 제한되고, 공개 주소에만 접근하며, 추출 결과의 단기 캐시 외에는 아무것도 저장하지 않습니다.

웹사이트 색상 팔레트 추출기 사용 방법

1. 공개된 웹사이트 주소를 입력란에 붙여넣으세요(생략하면 https:// 가 자동으로 추가됩니다).
2. "색상 추출"을 클릭하고 페이지와 스타일시트를 읽는 동안 잠시 기다리세요.
3. 팔레트를 확인하세요: 색상은 사이트의 CSS에 나타나는 빈도순으로 정렬됩니다.
4. 스와치를 클릭하여 HEX 값을 복사하거나, "모두 복사"로 전체 목록을 복사하세요.
5. 내보내기를 열어 팔레트를 CSS, SCSS, Tailwind, JSON, SVG 또는 일반 HEX로 받으세요.

자주 묻는 질문