HTML 요소의 색상을 CSS 색상 값으로 지정합니다.
색상은 color와 background-color 같은 CSS 속성으로 표현합니다. 이름, HEX, RGB, HSL 표기법을 쓸 수 있으며 텍스트와 배경의 명도 대비도 확인해야 합니다.
h1의 #176b45는 빨강, 초록, 파랑을 16진수 두 자리씩 적은 값으로 17, 6b, 45는 십진수로 23, 107, 69입니다. 마지막 문단의 hsl(147 62% 26%)은 색상환 147도의 초록을 채도 62%, 밝기 26%로 낮춘 값이라 h1과 거의 같은 짙은 초록이 나오고, 가운데 문단의 rgb 값은 같은 계열의 아주 밝은 배경색입니다.
색에 투명도를 줄 때는 rgb(23 107 69 / 50%)처럼 슬래시 뒤에 알파 값을 적거나, HEX를 여덟 자리로 늘려 마지막 두 자리에 투명도를 넣습니다. 반투명 글자는 뒤 배경과 섞여 보이므로 대비도 섞인 뒤의 색을 기준으로 따져야 합니다.
예쁜 색만 고르고 대비를 확인하지 않으면 글을 읽기 어렵습니다.
직접 바꿔보세요세 가지 표기법의 값을 바꾸고 같은 색을 표현해보세요.