색상 변환기

HEX, RGB, HSL 간 변환

HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
RGBArgba(59, 130, 246, 1)

이 도구가 도와주는 일

색상을 HEX, RGB, HSL 사이에서 온라인으로 변환하여 프론트엔드 작업, 디자인 협업, 시각적 디버깅에 활용할 수 있습니다.

CSS, 색상, 이미지, 타임스탬프 관련 프론트엔드 작업을 가벼운 브라우저 도구로 해결합니다.

사용 방법

  1. 1처리할 원본 내용을 입력 영역에 붙여넣거나 직접 입력합니다.
  2. 2필요하면 옵션을 조정한 뒤 색상 변환기에서 결과 또는 검증 피드백을 확인합니다.
  3. 3출력을 확인한 다음 다음 작업 단계로 복사해 사용합니다.

잘 맞는 용도

  • 브라우저 안에서 빠르게 확인할 때
  • 디버깅과 일회성 변환 작업
  • 문서나 팀 공유용으로 바로 복사할 결과

FAQ

이 도구는 데이터를 서버로 보내나요?

아니요. JsonDock 도구는 브라우저에서 실행되므로 빠른 확인, 포맷팅, 변환 작업을 가볍게 처리할 수 있습니다.

어떤 입력이 가장 잘 맞나요?

처리하려는 원본 내용을 그대로 붙여넣으세요. 입력이 깔끔할수록 결과도 더 명확해집니다.

다음에는 무엇을 써보면 좋을까요?

같은 워크플로 안에서 이어지는 작업이 있다면 CSS 포매터 / 이미지 → Base64 / 타임스탬프 변환기부터 시작해 보세요.

관련 도구

이 도구들은 보통 색상 변환기 전후 단계에서 함께 사용됩니다.

CSS 포매터
CSS 코드를 포맷 또는 압축
이미지 → Base64
이미지 파일을 Base64 문자열로 변환
타임스탬프 변환기
초 / 밀리초 타임스탬프를 변환