색상 → CSS Filter
HEX 색상을 근사 CSS filter 문자열로 변환하고 검은색 샘플에서 미리 본 뒤 복사합니다. 휴리스틱 근사이므로 픽셀 단위 일치는 보장하지 않습니다.
목표
필터 적용 검정
휴리스틱 근사입니다. 실제 요소에 맞게 조정하세요.
사용 방법
사용 방법
- 6자리 HEX 색상을 입력하거나 색상 선택기로 고릅니다.
- 생성된 filter, 목표 색상과 필터가 적용된 검은색 샘플을 확인하세요.
- 선언을 복사하고 소스 요소가 다르면 조정하세요.
휴리스틱 근사
CSS filter는 검은색 샘플을 기준으로 제한된 휴리스틱으로 근사합니다. 원본 색, 배경, 브라우저와 순서에 따라 결과가 달라질 수 있으므로 대상 레이아웃에서 조정하세요.
로컬 처리
파싱, 근사, 미리 보기와 복사는 이 브라우저에서 처리되며 색상이나 CSS를 업로드하지 않습니다.
자주 묻는 질문
더 알아보기
정확한 변환인가요?
CSS filter는 검은색 샘플을 기준으로 제한된 휴리스틱으로 근사합니다. 원본 색, 배경, 브라우저와 순서에 따라 결과가 달라질 수 있으므로 대상 레이아웃에서 조정하세요.
모든 요소에 사용할 수 있나요?
표준 CSS이지만 결과는 원본 픽셀과 배경에 따라 달라집니다. 실제 요소에서 확인하세요.