색상 코드가 뭔가요
웹사이트나 디자인 작업을 하는데 색상을 코드로 표현합니다. FF0000이 빨간색이라는데 무슨 의미인지 모르겠습니다. HEX랑 RGB가 뭐가 다른 건가요. 색상 코드의 원리를 쉽게 설명해드릴게요.
RGB란
빨강 초록 파랑의 영어 약자입니다. Red Green Blue입니다. 세 가지 색을 섞어서 모든 색을 만듭니다. 각각 0에서 255까지 값을 가집니다. RGB(255, 0, 0)은 빨강만 최대라서 빨간색입니다. 세 값이 모두 255면 흰색이고 0이면 검정색입니다.
HEX 코드란
RGB를 16진수로 표현한 겁니다. #FF0000이 빨간색입니다. FF는 10진수로 255입니다. 앞 두 자리가 빨강 중간이 초록 마지막이 파랑입니다. 웹에서 색상을 지정할 때 주로 씁니다. CSS에서 color: #FF0000; 이런 식으로 사용합니다.
변환 방법
RGB를 HEX로 바꾸려면 각 값을 16진수로 변환합니다. 255는 FF, 128은 80, 0은 00입니다. 직접 계산하면 번거로우니 HEX to RGB를 쓰세요. HEX를 입력하면 RGB로 바꿔주기도 합니다. 실시간으로 확인할 수 있어서 편리합니다.
색상 선택 팁
디자인할 때 색상 조화가 중요합니다. 보색을 쓰면 강한 대비가 됩니다. 유사색을 쓰면 부드러운 느낌입니다. 색상 팔레트 생성 사이트를 활용하면 좋습니다. Coolors나 Adobe Color가 유명합니다. 브랜드 컬러를 정해두면 일관성이 생깁니다.
투명도 추가
RGBA는 투명도가 추가된 형식입니다. 마지막 값이 0에서 1 사이입니다. 0은 완전 투명 1은 불투명입니다. CSS에서 반투명 효과를 줄 때 씁니다. URL 인코더와 온라인 유틸리티들을 함께 활용하면 작업이 효율적입니다.