색상 코드 변환기

시작 전에 한눈에 보기

지원 형식

불투명 색상의 HEX·RGB·HSL을 서로 변환합니다.

HEX

# 기호가 있거나 없는 3자리·6자리 16진수 코드를 입력합니다.

RGB

R·G·B 각 값을 0~255 사이 정수로 입력합니다.

HSL

색상각 0~360, 채도·명도 0~100%를 지원합니다. 결과는 소수점 셋째 자리까지 표시합니다.

결과

색상 미리보기와 세 가지 코드, 형식별 복사를 제공합니다. 이미지에서 색을 추출하지는 않습니다.

색상 코드 변환기 사용 순서

1. 01

   가지고 있는 코드의 형식을 고르세요

   HEX·RGB·HSL 중 입력하려는 표기를 선택하세요. 색상 선택기를 이용해 색을 고를 수도 있습니다. 투명도를 포함한 RGBA·HSLA·8자리 HEX는 지원 범위가 아닙니다.

2. 02

   값을 입력하고 미리보기를 확인하세요

   HEX에는 16진수 코드, RGB에는 세 채널, HSL에는 색상각·채도·명도를 넣습니다. 미리보기가 의도한 색인지 확인하면 복사한 코드의 형식을 잘못 골랐는지 찾기 쉽습니다.

3. 03

   필요한 형식의 결과를 읽으세요

   HEX는 대문자 6자리로, RGB·HSL은 각 형식의 문자열로 표시됩니다. RGB 채널은 정수로 처리하므로 HSL 값을 왕복 변환하면 반올림에 따른 작은 차이가 생길 수 있습니다.

4. 04

   코드를 복사해 실제 작업에 적용하세요

   필요한 형식의 복사 버튼을 사용합니다. 화면에 적용한 뒤 주변 배경과 함께 확인하세요. 이 도구는 색상 코드 변환을 제공하며 글자와 배경 사이의 접근성 대비 검사는 하지 않습니다.

이런 작업에 활용하세요

예제로 결과 이해하기

#FF0000

#FF0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)

#0F8

#00FF88
rgb(0, 255, 136)
hsl(152, 100%, 50%)

HEX·RGB·HSL을 고르는 기준

표를 좌우로 밀어 나머지 내용을 확인하세요.

결과가 예상과 다를 때

알아두면 쉬운 용어

색상각

HSL에서 색의 계열을 원 위의 각도로 표현한 값입니다.

채도

HSL에서 회색에 가까운지 선명한 색인지 나타내는 값입니다.

알파

색의 투명도를 나타내는 값입니다. 현재 도구는 알파를 변환하지 않습니다.

색상 코드 변환기 자주 묻는 질문