CSS에서 #를 통한 색상 지정
rgb를 통한 색상 지정 방법은 모든 색상의 모든 음영을 얻을 수 있음에도 불구하고 다소 번거롭습니다. 따라서 세 번째 옵션으로 색상을 지정하는 방법이 있습니다 - 16진수 값을 통하는 방법입니다.
이 방법의 본질을 이해하려면 16진수 체계를 이해해야 합니다. 이 체계는 우리가 일상에서 사용하는 10진수와 달리 열 개의 숫자가 아닌 열여섯 개의 숫자를 가지고 있습니다: 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
보시다시피, 9 이후의 숫자가 부족하여 문자가 사용됩니다.
이 체계에서는 rgb 대신 샵 기호 #가 쓰이고, 그 뒤에 여섯 자리가 옵니다. 처음 두 자리는 빨간색,
다음 두 자리는 녹색, 마지막 두 자리는 파란색입니다. 색상은 또한
0부터 255까지 변하지만, 16진수 체계에서는 00부터 FF까지가 됩니다.
다음 예제에서 단락은 빨간색으로 칠해집니다:
<p>
텍스트
</p>
p {
color: #FF0000;
}
:
모든 단락에 색상 #FFEEAA를 설정하세요.
모든 단락에 배경 #000000와 텍스트 색상 #FFFFFF를 설정하세요. 어떤 색상이 나올까요?
다음 코드가 주어졌습니다:
p {
color: rgb(255, 200, 255);
}
어떤 변환기를 사용하여 색상을 16진수 형식으로 변환해보세요.
