// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Preview
Values
자주 묻는 질문
어떤 형식을 지원하나요?
HEX (#FF5733)、RGB、HSL、OKLCH。
색상을 표시하나요?
네, 변환된 값과 함께 색상 미리보기를 표시합니다.
CSS 색상과도 작동하나요?
네, 유효한 CSS 색상 형식을 모두 허용합니다.
색상 형식 설명
HEX 형식은 #RRGGBB 또는 #RRGGBBAA 형태로, 빨강, 초록, 파랑 값을 16진수로 표현합니다. #FF5733은 빨강 255, 초록 87, 파랑 51을 나타냅니다. 웹 개발에서 가장 일반적으로 사용됩니다.
RGB 형식은 rgb(255, 87, 51)처럼 빨강, 초록, 파랑 값을 0~255 범위의 10진수로 표현합니다. CSS에서 광범위하게 사용되며, 색상을 직관적으로 이해하기 쉽습니다.
HSL 형식은 hsl(14, 100%, 60%)처럼 색상(Hue), 채도(Saturation), 명도(Lightness)를 표현합니다. 색상을 조작할 때 가장 자연스러운 방식으로, 밝기나 채도를 쉽게 조절할 수 있습니다.
각 형식을 사용해야 하는 경우
HEX 형식은 CSS에서 색상을 지정할 때 주로 사용됩니다.设计师와 개발자 간의 색상 코드 공유에 적합하며, 디자인 도구와 호환성이 좋습니다.
RGB 형식은 동적 색상 생성이나 색상 연산이 필요할 때 유용합니다. 프로그래밍적으로 색상 값을 조작할 때 RGB가 더 직관적입니다.
HSL 형식은 색상 팔레트를 만들거나, 밝은/어두운 변형을 생성할 때 가장 적합합니다. 같은 색상의 다양한 명도 변형을 쉽게 만들 수 있어 테마 설계에 유용합니다.