색상 변환기

이것은 웹 및 디자인 작업을 위한 색상 변환기로, 가장 많이 사용하는 세 가지 형식인 HEX, RGB 및 HSL 간 색상을 실시간 견본과 함께 변환하므로 작업 중인 내용을 정확하게 확인할 수 있어요.

이것은 디자인과 코드 사이의 일상적인 접착제예요. 모형의 브랜드 색상을 CSS 변수와 일치시키고, 디자이너가 한 형식으로 제공한 값을 프레임워크가 원하는 형식으로 변환하거나, 호버 상태에 대해 약간 더 밝은 음영을 찾는 것이에요.

모든 것이 브라우저에서 실행되므로 즉시 실행되며 입력한 내용은 어디로도 전송되지 않아요.

각 형식은 동일한 색상을 다르게 설명해요. HEX(예: #ff8800)는 CSS 및 HTML 전체에서 사용되는 압축 형식이에요. RGB는 빨간색, 녹색 및 파란색 채널을 직접 지정하며, 이는 화면과 캔버스와 같은 코드가 색상을 생각하는 방식이에요. HSL은 색상을 변경하려고 할 때 훨씬 더 직관적인 색상, 채도 및 밝기를 설명해요. 색상을 변경하여 휠 주위로 이동하거나 밝기를 변경하여 새 코드를 직접 선택하지 않고도 더 어둡게 만들어요.

HEX 값을 입력하면 RGB 및 HSL에 해당하는 항목이 즉시 업데이트되므로 앞에 있는 도구나 코드베이스에서 예상하는 형식을 가져올 수 있어요.

현재 이 도구는 HEX, RGB 및 HSL의 불투명 색상에 중점을 두고 있어요. 알파(불투명도) 지원은 아직 포함되지 않아요.