색상 이름 → HEX 변환기: 실시간 색상 미리보기
색상 이름이나 지원되는 색상 값을 HEX로 변환한 뒤, 어느 한쪽을 편집하면 다른 쪽이 실시간으로 업데이트됩니다. 변환기는 색상 이름, #abc 같은 짧은 16진수 값, rgb(1 2 3 / 50%) 같은 RGB 구문을 지원합니다. 스워치로 색상을 미리 보고, 바로 붙여넣을 수 있는 CSS 한 줄을 복사하며, 색상이 sRGB 범위를 벗어나면 색역 초과 경고를 확인하세요.
색상 이름 → HEX 변환기는 색상 이름과 지원되는 다른 색상 값을 16진수로 바꾸는 브라우저 기반 변환기입니다. 값을 입력하면 HEX 결과를 확인할 수 있고, 변환기의 어느 한쪽을 편집하면 다른 쪽이 실시간으로 업데이트됩니다. 스워치로 시각적 미리보기를 제공하고, 바로 붙여넣을 수 있는 CSS 한 줄을 복사할 수 있습니다.
파서는 색상 이름, #abc 같은 짧은 16진수 입력, rgb(1 2 3 / 50%) 같은 RGB 표기법을 지원합니다. 페이지에서는 조정 가능한 옵션도 제공합니다. 색상이 sRGB 범위를 벗어나면 도구가 색역 초과 경고를 표시해 결과를 검토하는 동안 해당 상태를 알아차릴 수 있습니다.
색상 이름과 RGB 값은 16진수 표기법과 다른 방식으로 색상을 표현합니다. 값을 코드베이스에 맞추거나, 색상을 문서화하거나, HEX를 요구하는 시스템에 전달해야 할 때 이 둘 사이의 변환이 유용합니다. 실시간 양방향 편집으로 어느 한쪽 값을 바꿔 대응 결과를 비교할 수 있고, 스워치로 색상을 확인할 수 있습니다.
이 변환기는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 오프라인에서도 변환이 동작합니다. 무료로 사용할 수 있어 서버 연결 없이 빠른 색상 확인이 필요한 개발자와 DevOps 엔지니어에게 유용합니다.
1단계: 색상 이름, #abc, rgb(1 2 3 / 50%) 같은 색상 값을 입력하거나 붙여넣으세요.
2단계: 색상 이름 측이나 HEX 측 중 어느 쪽이든 편집하세요. 변경하는 동안 다른 쪽이 실시간으로 업데이트됩니다.
3단계: 스워치로 색상을 확인하고, 색역 초과 경고가 표시되는지 살펴보세요.
4단계: 16진수 결과나 바로 붙여넣을 수 있는 CSS 한 줄을 복사해 코드에 사용하세요.
사용 사례: 원래 색상 이름이나 표기법이 아닌 16진수를 받는 시스템으로 색상 값을 옮기세요.
사용 사례: 인터페이스에 사용하기 전에 받은 HEX 값이 원래 색상과 일치하는지 확인하세요.
사용 사례: 복사 가능한 CSS 한 줄과 함께 문서, 티켓, 커밋 메시지용 색상 스니펫을 준비하세요.
사용 사례: 애플리케이션 코드에 결과를 붙여넣기 전에 색상 변환을 간단히 검증하세요.
사용 사례: 실시간 편집기에서 어느 한쪽을 조정하면서 색상 이름과 16진수 값을 비교하세요.
사용 사례: 변환 결과를 공유하거나 사용하기 전에 색상이 sRGB 범위를 벗어나는지 확인하세요.