[html] 웹 색상 이론
웹 디자인 및 개발에서 색상은 매우 중요한 부분입니다. 적절한 색상 선택은 웹 페이지나 앱의 사용자 경험을 향상시키고 사용자들에게 긍정적인 느낌을 전달합니다.
RGB 색상
RGB (Red, Green, Blue) 색상 모델은 빛의 삼원색을 조합하여 다양한 색상을 만들어냅니다. 각각의 색상은 0부터 255까지의 값을 가질 수 있습니다.
color: rgb(255, 0, 0); /* 빨간색 */
color: rgb(0, 255, 0); /* 초록색 */
color: rgb(0, 0, 255); /* 파란색 */
HEX 색상
HEX 색상 코드는 16진수 방식으로 색상을 표현하는 방법입니다. 각 색상 채널의 값을 00부터 FF까지의 16진수로 표현합니다.
color: #FF0000; /* 빨간색 */
color: #00FF00; /* 초록색 */
color: #0000FF; /* 파란색 */
HSL 색상
HSL (Hue, Saturation, Lightness)은 색상을 나타내는 색상 모델입니다. 색상, 채도, 명도 세 가지 요소로 구성되어 있습니다. 이를 사용하여 색상을 선언할 수 있습니다.
color: hsl(0, 100%, 50%); /* 빨간색 */
color: hsl(120, 100%, 50%); /* 초록색 */
color: hsl(240, 100%, 50%); /* 파란색 */
웹에서는 주로 RGB나 HEX 색상 코드가 많이 사용되지만, 색상 선택 방법에 따라 HSL을 사용하는 것이 더 직관적이고 조작하기 쉬울 수도 있습니다. 색상을 다룰 때는 각각의 색상 모델을 이해하고 상황에 맞게 적절한 방법을 선택하는 것이 중요합니다.
참고문헌: