웹사이트나 앱 디자인 작업을 할 때 색상 코드를 다루게 됩니다. HEX, RGB, HSL 등 다양한 표기법이 있는데, 각각의 특징과 변환 방법을 알아보겠습니다.
HEX 코드
가장 널리 사용되는 방식으로 #FF5733 같은 형태입니다. 16진수로 빨강, 초록, 파랑 값을 각각 두 자리씩 표현합니다. CSS에서 주로 사용되며 간결한 것이 장점입니다.
RGB 코드
rgb(255, 87, 51) 형태로 빨강, 초록, 파랑 값을 0-255 사이 숫자로 표현합니다. 투명도를 포함하려면 rgba(255, 87, 51, 0.5) 형식을 사용합니다. 직관적으로 색상을 조절하기 좋습니다.
HSL 코드
hsl(14, 100%, 60%) 형태로 색조(Hue), 채도(Saturation), 명도(Lightness)로 색상을 정의합니다. 같은 색의 밝거나 어두운 버전을 만들 때 유용합니다.
색상 코드 변환
디자인 도구마다 사용하는 색상 형식이 다를 때 변환이 필요합니다. legogo.kr에서 원하는 형식으로 색상 코드를 간편하게 변환할 수 있습니다.
색상 시스템을 이해하면 디자인 작업이 한결 수월해집니다.