사용 안내 / 01
언제 유용한가요?
디자인 시안의 #D9FF68을 CSS의 rgb()나 hsl() 표기로 전달하거나, RGB 채널을 조정하면서 동일 색상의 다른 표기를 복사할 때 사용합니다.
MEDIA / 032
HEX · RGB · HSL 색상 변환
HEX, RGB, HSL 색상값을 상호 변환하고 실제 색을 미리 봅니다.
개인정보 보호 작업 공간입력한 내용은 이 기기에 남습니다. 가능한 모든 처리는 브라우저 안에서 실행됩니다.
#D9FF68
색상 값
#D9FF68 rgb(217, 255, 104) hsl(75, 100%, 70%)
사용 안내 / 02
빠른 사용법
- 색상 피커를 사용하거나 유효한 3자리·6자리 HEX, RGB, HSL 값을 입력합니다.
- 한 형식의 채널을 바꾸면서 미리보기와 나머지 HEX·RGB·HSL 값이 함께 갱신되는지 확인합니다.
- 색상 값 결과를 복사하고 실제 브라우저 또는 디자인 도구에서 같은 배경 위에 비교합니다.
CHECK
결과 검산
#FF0000이 rgb(255, 0, 0)과 hsl(0, 100%, 50%)로 표시되는지 기본색으로 확인합니다.
LIMITS
알아둘 제한
알파 투명도와 CMYK, LAB, 광색역 프로필은 지원하지 않으며 일반적인 sRGB 화면값을 전제로 합니다. HSL과 RGB를 오갈 때 정수 반올림으로 미세한 채널 차이가 생길 수 있습니다.
참고
입력과 결과 예시
실제 결과는 입력값과 브라우저 환경에 따라 달라질 수 있으므로 중요한 값은 한 번 더 확인하세요.
- 예시 입력
#D9FF68- 예상 결과
rgb(217,255,104) · hsl(77,100%,70%)
자주 묻는 질문
자주 묻는 질문
같은 HEX인데 화면마다 색이 달라 보일 수 있나요?
그럴 수 있습니다. 모니터 보정, 밝기, 주변색, 브라우저 색상 관리가 지각에 영향을 줍니다. 이 도구는 숫자 표기를 바꾸지만 디스플레이를 보정하지는 않습니다.
입력한 데이터가 외부로 전송되나요?
아니요. 도구 입력은 브라우저 안에서 처리되도록 설계했습니다. 광고는 별도로 불러올 수 있지만 입력 데이터와 함께 전송되지 않습니다.