HEX → RGB
16진수 색상 코드를 RGB와 HSL로 변환합니다.
이 도구는 JavaScript로 작동합니다. 사용하려면 브라우저에서 JavaScript를 켜고 페이지를 새로 고치세요.
#HEX에서 RGB로, 곧바로.
HEX → RGB는 16진수 색상 코드를 RGB와 HSL 값으로 바꿉니다. 코드는 우물 정 기호와 함께 적어도 되고 없이 적어도 됩니다. 세 자리 짧은 형태(#f00), 여섯 자리 표준 형태(#ff0000), 투명도를 담은 여덟 자리 형태(#ff0000cc)를 받습니다. 적는 순간 색 미리보기가 새로 그려지고 결과가 나타납니다. RGB, 투명도가 있으면 RGBA, HSL, 그리고 스타일 파일에 바로 붙일 수 있는 CSS 변수입니다.
결과 목록은 이 색 위에 어두운 글자를 둘지 밝은 글자를 둘지도 알려 줍니다. 이 권고는 색의 체감 밝기에서 계산됩니다. 원하면 색 선택기에서 색을 골라 그 코드를 받을 수도 있습니다. 도구는 두 방향으로 작동합니다. RGB 칸을 바꾸면 HEX도 새로 그려지므로 ‘RGB → HEX’와 같은 화면을 함께 씁니다. 디자인 프로그램에서 받은 코드를 코드에서 쓰거나, 브랜드 색을 다른 표기로 바꾸거나, 색이 밝은지 어두운지 알아보려고 씁니다. 계산은 모두 브라우저 안에서 이뤄집니다.
처음부터 끝까지
- HEX 코드를 적으세요. 예를 들어 #1a73e8, 1a73e8 또는 짧은 형태로 #17e.
- 미리보기를 보세요. 색 상자와 모든 값이 적는 순간 새로 그려집니다.
- 값을 복사하세요. RGB, HSL 또는 CSS 변수 줄을 복사해 쓰세요.
자주 묻는 질문
#1a73e8은 RGB로 얼마인가요?
rgb(26, 115, 232)입니다. 앞의 두 자리가 빨강, 다음 두 자리가 초록, 마지막 두 자리가 파랑을 16진수로 나타냅니다.
여덟 자리 HEX는 무슨 뜻인가요?
마지막 두 자리가 투명도입니다. ff는 완전히 불투명, 00은 완전히 투명입니다. #1a73e880은 반투명한 파랑이고 결과에는 RGBA로 나타납니다.
짧은 HEX(#f00)는 어떻게 펼쳐지나요?
각 자리를 두 번씩 적습니다. #f00은 #ff0000이 됩니다. 도구가 이것을 알아서 합니다.
입력한 데이터가 서버로 전송되나요?
아니요. 이 도구는 브라우저 안에서만 작동하며, 입력하거나 추가한 내용은 RUPO Studio 서버로 전송되지 않습니다. 페이지가 열려 있는 동안에는 인터넷 연결이 끊겨도 계속 작동합니다. 계정은 필요 없습니다. 이용은 무료이며 시간당·일일 한도가 없습니다. 결과를 보기 전에 광고를 볼 필요도 없습니다.
다른 크리에이터 도구 도구
RUPO Studio