색 이름 → HEX 변환기

CSS 색 이름(예: tomato 또는 cornflowerblue)을 입력하여 HEX와 RGB 값을 얻으세요.

사용 방법

  1. 위 입력란에 값을 입력하세요.
  2. 계산을 누르면 결과가 즉시 표시됩니다.
  3. 공유 버튼으로 결과 링크를 복사하세요.

이 계산기 정보

CSS 색상 모듈은 tomato 같은 흔한 이름부터 papayawhip, rebeccapurple 같은 낯선 이름까지 148개의 표준 이름 색을 정의하며, 각각 모든 브라우저가 똑같이 표시하는 고정된 16진수 RGB 값에 대응합니다. 이 이름들은 특정 16진수 코드의 별칭일 뿐이므로, 한쪽을 다른 쪽으로 바꾸는 일은 계산이 아니라 단순한 조회입니다.

이 변환기는 CSS 색 이름을 입력받아 그에 해당하는 HEX와 RGB 값을 알려 주므로, 정확한 값을 디자인 도구, 브랜드 스타일 가이드, 이름 색을 받지 않는 코드(일부 상황의 SVG fill 속성이나 CSS가 아닌 그래픽 라이브러리 등)에 그대로 넣을 수 있습니다. 프런트엔드 개발자와 디자이너는 시안에 쓰인 이름 색을 CSS 사용자 지정 속성이나 HEX 또는 RGB 입력을 기대하는 캔버스/SVG 그리기 API로 옮길 때 이 변환기를 사용합니다.

도움이 되었나요?

최대 3개의 반응을 선택할 수 있습니다.

댓글

  • 첫 번째 댓글을 남겨 보세요.

인기 계산기

모든 계산기