색상
변환기
HEX, RGB, HSL 색상 코드를 즉시 변환합니다
색상 코드 변환 도구 사용법
HEX(#RRGGBB), RGB, HSL 등 다양한 색상 형식을 즉시 상호 변환합니다. CSS 작성, 디자인 툴 활용, 개발 환경에 따라 요구되는 색상 형식이 다르므로 변환이 필요합니다. 컬러 피커로 직접 색상을 선택하거나 값을 입력해 변환할 수 있습니다.
HEX 코드란 무엇인가요?
#RRGGBB 형식으로 빨강(R), 초록(G), 파랑(B) 각각을 16진수 두 자리로 표현합니다. #ff0000은 순수 빨강, #000000은 검정, #ffffff는 흰색입니다.
RGB와 RGBA의 차이는 무엇인가요?
RGBA는 RGB에 알파(Alpha, 투명도) 채널을 추가한 형식입니다. 0은 완전 투명, 1은 완전 불투명이며, 반투명 효과에 사용합니다.
HSL이 디자인 작업에 왜 유용한가요?
색조(Hue), 채도(Saturation), 밝기(Lightness)로 색상을 직관적으로 조정할 수 있습니다. 색조만 바꿔 유사 색상을 만들거나 밝기만 낮춰 어두운 톤을 만들기 쉽습니다.
CSS에서는 어떤 색상 형식을 써야 하나요?
CSS는 HEX, RGB, RGBA, HSL, HSLA를 모두 지원합니다. 투명도가 필요하면 RGBA나 HSLA를 사용하고, 단순 색상은 짧은 HEX를 추천합니다.
색상 변환 시 데이터가 서버로 전송되나요?
아니요. 모든 변환은 브라우저 내에서 처리되며 서버로 어떤 데이터도 전송되지 않습니다. 개인 프로젝트 색상을 안심하고 입력할 수 있습니다.
CSS에서 색상 코드를 선택할 때 HEX vs RGB vs HSL 중 어느 형식이 좋나요?
HEX는 짧고 디자인 툴에서 복사하기 쉬워 정적 색상에 적합합니다. RGB는 투명도(RGBA)와 JavaScript 연산에 유용합니다. HSL은 색조, 채도, 명도로 직관적이어서 색상 팔레트 설계나 동적 색상 조작에 좋습니다.
색상 코드가 같은데 화면에서 다르게 보이는 이유는 무엇인가요?
모니터마다 색 공간(sRGB, P3 등), 감마 설정, 밝기, 색온도가 다르기 때문입니다. 맥북은 Display P3 색 공간을 사용해 더 넓은 색역을 표현합니다. 색상 일관성이 중요하다면 캘리브레이션된 모니터를 사용하세요.
색상 투명도를 코드로 표현하려면?
CSS에서 rgba(255, 0, 0, 0.5)는 50% 투명 빨강입니다. HEX에서 8자리 #RRGGBBAA 형식으로 #FF000080과 같이 표현합니다. HSLA(0, 100%, 50%, 0.5)도 같은 색상입니다. 8자리 HEX는 IE에서 지원되지 않습니다.