[웹디자인 시 사용하기 유용한 색상코드표(Color code chart)]
웹디자인 시 색상에 신경을 쓸 수밖에 없습니다.
색의 작은 변화에도 작업에 큰 영향을 미칠 수 있으며 작업물의 완성도에도 차이가 발생하기 때문이죠.
오늘은 '웹디자인 시 사용하기 유용한 색상코드표(Color code chart)'를 알려드리겠습니다.
- 색상
포토샵은 두 가지의 대표색을 설정해 사용할 수 있습니다.
상위에 있는 색상을 '전경색' , 하위에 있는 색상을 '배경색'이라고 하는데요.
전경색은 브러시 사용이나 셰이프 툴 등을 사용할 때 메인으로 사용되는 첫 번째 색상을 의미하고 배경색은 서브 컬러로 이해할 수 있습니다.
툴 패널의 전경색/배경색 아이콘을 클릭하면 색상 피커 대화상자(Color Picker)가 나타나고 원하는 색상으로 선택하여 전경색/배경색을 변경할 수 있습니다.
- 기본 색상 코드 : RGB
빨강(Red), 초록(Green), 파랑(Blue)의 3색, 즉 빛의 3원색을 서로 더하는 방식으로 섞어서 색상을 표기하는 방식을 RGB 가산 혼합이라고 합니다.
이러한 방식으로 색상 코드를 표기할 때는 다음과 같은 표기 방식을 사용합니다.
# 33 75 9F
빨간색의 정도(00~FF)
초록색의 정도(00~FF)
파란색의 정도(00~FF)
- 색상코드표
색깔별로 색상의 이름과 헥스(Hex) 코드, RGB 코드가 있습니다.
색상의 이름은 아는데 정확한 코드를 모르겠다면 아래의 표에서 찾아보세요.
혹은 내가 설정한 코드가 이미 나와있는 색상인지 확인할 수도 있습니다.
색상 계열별로 나눠서 올려놓았으니 쉽게 찾을 수 있습니다.
포토샵 색상 선택 화면(전경색 등)에서 헥스 코드나 RGB 코드를 입력하면 CMYK 색상 코드도 바로 나옵니다.
CMYK 색상 코드가 필요하신 경우 헥스 코드를 입력해서 변환시켜 보세요.
(출처 - 네이버 웹 색상표)
감사합니다.