웹 디자인이나 그래픽 작업을 할 때 색상 코드 변환이 필요한 경우가 많습니다. HEX 코드를 RGB로 바꾸거나 CMYK 값이 필요할 때 일일이 계산하기 번거롭습니다. 온라인 색상 코드 변환기를 사용하면 한 번의 입력으로 모든 형식을 확인할 수 있습니다. 오늘은 색상 코드의 종류와 변환 방법을 알아보겠습니다.
색상 코드 종류
디지털에서 색상을 표현하는 방식은 여러 가지입니다. 웹에서는 주로 HEX와 RGB를 사용하고, 디자인 툴에서는 HSL도 자주 씁니다. 인쇄물은 CMYK 색공간을 사용합니다. 같은 색상이라도 표현 방식에 따라 코드가 달라서 변환이 필요합니다.
HEX와 RGB 차이
HEX는 16진수로 색상을 표현합니다. 예를 들어 순수한 빨강은 FF0000입니다. RGB는 빨강, 초록, 파랑 값을 0에서 255 사이로 나타냅니다. 컬러 코드 변환 도구에 HEX 값을 입력하면 RGB로 자동 변환됩니다. CSS에서는 둘 다 사용 가능하지만 HEX가 더 짧아서 많이 씁니다.
HSL 활용하기
HSL은 색상(Hue), 채도(Saturation), 명도(Lightness)로 구성됩니다. 색조만 바꾸거나 밝기만 조절할 때 직관적입니다. 색상 변환기에서는 팔레트 기능으로 선택한 색의 명도 단계를 한눈에 볼 수 있습니다. 버튼 호버 효과처럼 같은 색 계열의 밝기 변화가 필요할 때 유용합니다.
인쇄용 CMYK
CMYK는 시안, 마젠타, 옐로, 블랙의 조합입니다. 모니터의 RGB 색상과 인쇄물의 CMYK 색상은 차이가 있습니다. 화면에서 보던 색이 인쇄하면 다르게 나오는 이유입니다. 인쇄물 디자인 시에는 미리 CMYK 값을 확인하는 것이 좋습니다.
색상 조화 찾기
디자인에서 어울리는 색상 조합을 찾는 것도 중요합니다. 무료 색상 코드 사이트에서는 보색, 유사색, 삼각 조합을 자동으로 생성해줍니다. 선택한 색을 기준으로 조화로운 팔레트를 제안받을 수 있습니다. 최근 사용한 색상도 저장되어 다음 방문 시 다시 확인할 수 있어 편리합니다.