컬러 변환기

색상 변환기는 하나의 구문으로 작성된 단일 색상을 가져와 다른 모든 구문에서 한 번에 다시 표현하는 도구입니다. #4466EE 와 같은 HEX 코드를 붙여 넣으면 즉시 해당 rgb (), hsl (), hwb () 및 cmyk () 등가물과 가장 가까운 CSS 색상 키워드를 사용하여 육각 쌍을 분할하고 채널을 조정하며 색조와 채도를 계산하는 수동 산술을 손으로 제거합니다.

프로젝트의 다른 부분은 다른 색상 형식을 기대합니다. 브라우저는 모든 것을 RGB 로 렌더링하고,경량이 호버에서 슬쩍 밀기 쉽고,인쇄 워크플로우에 CMYK 가 필요하며,디자인 핸드오프가 종종 HEX 로 도착하기 때문에 CSS 작성자는 HSL 에 도달합니다. 변환기는 하나의 소스 색상을 모든 소스 색상에 걸쳐 일관되게 유지하므로 스타일시트의 파란색은 브랜드 가이드의 파란색과 인쇄 공급업체가 받는 파란색과 동일합니다. 또한 rebeccapurple 과 같은 CSS 색상 이름을 받아들이고 복사 가능한 숫자 값으로 변환합니다.

이 변환기는 브라우저에서 완전히 실행됩니다. 붙여넣는 색상은 클라이언트 측 JavaScript 로 구문 분석 및 변환되며 기기를 떠나지 않으므로 업로드,계정, 변환 대상 추적 기능이 없습니다. 페이지가 로드되면 오프라인으로 작동하며 3,6, 8 자리 HEX,쉼표 및 공백 색상 구문을 처리하고 RGBA,HSLA 및 8 자리 HEXA 출력을 통해 알파 채널을 보존합니다.

CMYK 는 조심스럽게 취급하기위한 변환입니다. 동일한 sRGB 색상에 대한 정확한 설명이며 서로 무손실로 변환되는 HEX,RGB, HSL 및 HWB 와 달리 CMYK 는 종이에 잉크를 설명하고 인쇄기,종이 스톡 및 사용중인 색상 프로파일에 따라 다릅니다. 여기서 변환은 표준 장치 독립적 인 근사치이며 대략적인 아이디어에는 괜찮고 프리프레스 소프트웨어에서 프로파일 변환을 대체 할 수는 없습니다. 포화 된 화면 색상,특히 밝은 파란색과 녹색은 인쇄에서 도달 할 수 없을 것으로 예상됩니다: 그들은 CMYK 영역 외부에 완전히 앉아 그들이 보았던 것보다 더 칙칙하게 돌아올 것입니다.