색상 코드 변환기
HEX·RGB·HSL 색상 코드를 실시간으로 변환합니다.
컬러 피커로 색상을 선택하세요
HEX
#FF5733RGB
rgb(255, 87, 51)HSL
hsl(11, 100%, 60%)CSS
background-color: #FF5733;🎨 관련 상품 추천
디자인 도구 보러가기 →색상 팔레트
보색
#FF5733#33DAFF유사색
#FF3374#FFBE33#FF5733삼각배색
#FF5733#33FF58#5833FF명도 변형
#33090010%#66130020%#991C0030%#CC250040%#FF2F0050%#FF583360%#FF826670%#FFAC9980%#FFD5CC90%색상 코드란? (HEX, RGB, HSL)
색상 코드는 디지털 환경에서 색상을 표현하는 방법입니다. HEX는 16진수로 색상을 표현하며 (#FF5733), RGB는 빨강·초록·파랑의 0~255 값으로 표현합니다. HSL은 색상(Hue), 채도(Saturation), 명도(Lightness)로 직관적으로 색상을 조절할 수 있습니다.
색상 코드 변환 방법
HEX 코드의 각 2자리는 R, G, B 값을 16진수로 표현한 것입니다. 예를 들어 #FF5733에서 FF=255(R), 57=87(G), 33=51(B)입니다. HSL로 변환할 때는 RGB 값을 정규화한 후 최대·최소값의 차이로 채도와 명도를 구합니다.
자주 묻는 질문
HEX 코드에서 #은 무슨 의미인가요?
#은 뒤따르는 값이 16진수 색상 코드임을 나타내는 접두사입니다. CSS에서 색상을 지정할 때 필수적으로 사용됩니다.
RGB와 RGBA의 차이는?
RGB는 빨강·초록·파랑 3개 채널로 색상을 표현하고, RGBA는 여기에 투명도(Alpha, 0~1)를 추가한 것입니다.
웹 안전 색상(Web Safe Colors)이란?
모든 브라우저에서 동일하게 표시되는 216개의 색상입니다. 현대 디스플레이에서는 크게 중요하지 않지만, 호환성이 중요한 경우 참고할 수 있습니다.