분류: 개발 도구
CSS 색상 변환기
HEX, RGB, HSL 값 하나를 라이브 swatch와 함께 세 가지 CSS 표기로 변환
HEX, RGB, HSL 값을 붙여 넣거나 color picker를 사용하면 세 가지 CSS 표기와 swatch를 얻습니다. 모든 변환은 브라우저에서 이루어지고 업로드되지 않습니다.
이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
이 도구는 CSS에서 실제로 쓰는 HEX, RGB, HSL 세 가지 색상 표기만 다룹니다. 짧은 HEX와 전체 HEX, rgb()/rgba(), hsl()/hsla() 값을 붙여 넣거나 네이티브 color picker로 선택할 수 있습니다. 도구는 처음 세 color channels만 읽고 normalized HEX, RGB, HSL과 swatch를 보여주며, 읽을 수 없는 값은 invalid color로 표시합니다. rgba()와 hsla()의 alpha는 입력으로 읽을 수 있지만 무시되며 output에는 투명도, RGBA, 8-digit HEX가 나오지 않습니다. CMYK, Pantone, HSV, LAB, LCH, OKLCH, color profile, CSS color names, palette generation, contrast evaluation, eyedropper, image upload, batch conversion, file download는 없습니다. 입력한 색상과 변환 결과는 브라우저에 남고 LocalTools로 업로드되지 않습니다.
사용 방법
- HEX, RGB, HSL 값을 붙여 넣거나 네이티브 picker로 색상을 선택합니다.
- 처음 세 channels가 parse되어 normalized HEX, RGB, HSL로 변환됩니다.
- swatch를 확인하고 필요한 표기를 복사합니다. 값이 parse되지 않으면 invalid-color status가 표시됩니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 이 도구는 무엇을 하나요?
- HEX, RGB, HSL 값을 붙여 넣거나 color picker를 사용하면 세 가지 CSS 표기와 swatch를 얻습니다. 모든 변환은 브라우저에서 이루어지고 업로드되지 않습니다.
- 데이터가 서버로 업로드되나요?
- 아니요. 입력과 결과는 브라우저에서 처리되며 LocalTools로 전송되지 않습니다.
- 주요 제한은 무엇인가요?
- undefined。
- 파일이나 이미지를 업로드할 수 있나요?
- 아니요. 이 도구는 페이지의 텍스트 또는 색상 입력만 사용하며 file, image, remote URL import는 없습니다.
- 통과 결과가 전체 적합성을 의미하나요?
- 아니요. 이 도구는 설명된 기능과 제한만 제공하며 validation, audit, batch processing으로 확장되지 않습니다.