w3school.com Color picker
웹디자인 시 텍스트, 배경 등에 색상을 추가할 때는 16진수(HEX), RGB, RGBA 와 같은 색상 표현법을 사용합니다.
아임웹은 사용자가 색상 표현법을 몰라도, 디자인 모드 곳곳에 배치된 컬러피커(Color Picker)를 통해 직접 색상을 선택할 수 있도록 제작되었습니다. 또한, 한 번 색상을 사용하면, 선택한 색상들이 히스토리에 최대 8개까지 기록되어 이전에 사용한 색상을 다시 찾아보지 않아도 되는 편리함도 갖추고 있습니다.
다만 색상 표현법을 이해하고, 또 어떻게 사용하는지 알아두면 다양한 부문에서 응용이 가능합니다. 예를 들어 우리 회사의 정확한 브랜드 웹 컬러값을 알아두면, 블로그, 카페, Facebook 페이지 등을 꾸밀 때 일관된 색상으로 브랜드 아이덴티티를 유지해갈 수 있습니다.
16진수는 웹에서 가장 많이 사용되는 색상 표현법입니다. 특수 기호 #을 입력하고, 그 뒤에 여섯 자리의 16진수를 입력하여 표기합니다. 예를 들어 토마토색은 #FF6347 로 표현할 수 있습니다.
RGB는 R(적), G(녹), B(청) 색상을 혼합하여 색상을 표현하는 방법입니다. rgb를 선언한 다음 괄호 안에 각 R, G, B 값을 0~255 사이로 입력해 표기합니다. 예를 들어 rgb(255, 99, 71)을 입력하면, 위에서 입력한 토마토색(#FF6347)과 같은 색상을 표현할 수 있습니다.
RGBA는 기본 RGB 값에 알파(A)값이 더해진 색상 표현법입니다. 알파(A)값은 투명도를 가리키며, 0에서 1 사이 숫자 또는 소수점을 입력하여 투명도를 조절할 수 있습니다.
위 토마토 색상을 30% 불투명하게 표현하려면 rgb(255, 99, 71, 0.3)으로 입력합니다. 아임웹 컬러피커에서는 색상 입력칸 위에 투명도 슬라이더를 움직여 조절할 수도 있습니다. 투명도 상세 조절방법
