웹 색상은 웹 페이지를 표시하는 데 사용되는 색상과 해당 색상을 설명하고 지정하는 방법입니다. 색상은 RGB 삼중 항 또는 16 진수 형식 (16 진수 3 중 하나)으로 지정되거나 경우에 따라 공통된 영어 이름에 따라 지정 될 수 있습니다. 색상 도구 또는 기타 그래픽 소프트웨어는 종종 색상 값을 생성하는 데 사용됩니다. 일부 용도에서는 16 진수 색상 코드가 앞에 숫자 기호 (#)를 사용하여 표기법으로 지정됩니다. 색상은 빨강, 녹색 및 파랑 구성 요소의 강도에 따라 지정되며 각각 8 비트로 표시됩니다. 따라서 sRGB 영역 내에서 웹 색상을 지정하는 데 사용되는 24 비트와 그렇게 지정할 수있는 16,777,216 색상이 있습니다.

sRGB 영역 외부의 색상은 적색, 녹색 및 청색 구성 요소 중 하나 이상을 음수로 만들거나 100 %보다 크게 만들어 계단식 스타일 시트에서 지정할 수 있으므로 색상 공간은 이론적으로 scRGB와 유사한 sRGB의 무한 외삽입니다. 이런 식으로 sRGB가 아닌 색을 지정하면 RGB () 함수 호출이 필요합니다. 16 진법 (CSS)을 사용하지 않는 레거시 HTML 문서에서는 불가능합니다.

첫 번째 버전의 Mosaic과 Netscape Navigator는 X11 색상 이름을 색상 목록의 기초로 사용했습니다.이 두 색상 이름은 모두 X Window System 응용 프로그램으로 시작되었습니다. 웹 컬러는 특정 형광체 세트의 색도, 주어진 전달 곡선, 적응 형 화이트 포인트 및보기 조건과 관련된 명확한 비색계 정의 인 sRGB를 가지고 있습니다. 이들은 색상 관리가 없어도 지정된 값에 상당히 가깝게 렌더링되도록하기 위해 많은 실제 모니터 및보기 조건과 유사하도록 선택되었습니다. 사용자 에이전트는 지정된 색상을 나타내는 충실도가 다릅니다. 고급 사용자 에이전트는 색상 관리를 사용하여보다 충실한 색상 충실도를 제공합니다. 이것은 특히 웹에서 인쇄 응용 프로그램에 중요합니다.

헥스 삼중 항
16 진수 3 중선은 HTML, CSS, SVG 및 기타 컴퓨팅 응용 프로그램에서 색상을 나타내는 데 사용되는 6 자리 3 바이트 16 진수입니다. 바이트는 색상의 빨강, 녹색 및 파랑 구성 요소를 나타냅니다. 1Y이트는 00 – FF (16 진법 표기} 범위의 숫자를 나타내며, 10 진수 표기}은 0 – 255입니다. 이것은 각 색상 구성 요소의 최소 (0) ~ 최대 (255)의 강도를 나타냅니다. 따라서 웹 색상은 트루 컬러 (24 비트 RGB) 색상 체계로 색상을 지정합니다. hex triplet은 16 진수 표기법으로 3 바이트를 다음의 순서로 연결함으로써 형성됩니다 :

바이트 1 : 빨간색 값 (빨강 색 유형)
바이트 2 : 녹색 값 (녹색 색 유형)
바이트 3 : 파랑 값 (파랑 색 유형)
예를 들어 빨강 / 녹색 / 파랑 값이 10 진수 인 색상을 고려하십시오. 빨간색 = 36, 녹색 = 104, 파란색 = 160 (칙칙한 파란색). 십진수 36, 104 및 160은 각각 16 진수 24, 68 및 A0과 같습니다. 이 예제에서 2468A0 6 자리를 연결하여 16 진수 3 중 트릿을 얻습니다.

세 가지 색상 값 중 하나가 10 진수 (16 진수)보다 작 으면 세자리가 항상 정확히 6 자리가되도록 선행 제로로 나타내야합니다. 예를 들어, 십진법 3, 4, 8, 16은 16 진수 셋트 040810을 형성하는 16 진수 04, 08, 10으로 표현됩니다.

이 시스템이 표현할 수있는 색상 수는 166 또는 2563 또는 224 = 16,777,216입니다.

약식 16 진수 형식
약어로 3 자리 (16 진수) – 숫자 형식이 사용됩니다. 이 양식을 6 자리 양식으로 확장하는 것은 각 숫자를 두 배로 만드는 것만 큼 간단합니다. 09C는 다음 CSS 예제에서 제시된대로 0099CC가됩니다.

.threedigit {color : # 09C; }
.sixdigit {color : # 0099CC; } / * 위와 같은 색상 * /
세 자리 양식은 HTML이 아닌 CSS 사양에 설명되어 있습니다. 결과적으로 “스타일”이 아닌 속성의 세 자리 양식은 일부 브라우저에서 유효한 색상으로 해석되지 않습니다.

이 약식 형식은 전체 6 자리 양식 (16,777,216 색)을 사용하는 24 비트 색상과 달리 12 비트 색상에 해당하는 4,096 색상으로 팔레트를 축소합니다.이 제한은 많은 텍스트 기반 문서에 충분합니다.

RGB를 16 진수로 변환
관련 항목 : 16 진수 § 변환
RGB 값은 일반적으로 0-255 범위에서 지정됩니다. 값이 0-1 범위에있는 경우 값을 변환하기 전에 255로 곱합니다. 이 숫자를 16으로 나눈 (정수 나누기, 나머지는 무시함) 0부터 F 사이의 첫 번째 16 진수를 제공합니다. 여기서 A부터 F까지의 숫자는 10에서 15까지를 나타냅니다. 자세한 내용은 16 진수를 참조하십시오. 나머지는 우리에게 두 번째 16 진수를줍니다. 예를 들어 RGB 값 201은 12 개의 그룹으로 나뉘어 지므로 첫 번째 숫자는 C입니다. 9의 나머지 숫자는 16 진수 C9를 제공합니다. 이 과정은 세 가지 색상 값 각각에 대해 반복됩니다.

숫자 기반 간의 변환은 핸드 헬드 모델과 대부분의 최신 운영 체제에 번들로 제공되는 소프트웨어 계산기를 포함하여 계산기의 공통된 기능입니다. 색상 값 변환을위한 웹 기반 도구도 제공됩니다.

X11 색상 이름

웹 브라우저는 여러 가지 색상을 정의합니다. 특정 브라우저는이 모든 색상을 인식하지 못할 수도 있지만 2005 년 현재의 모든 현대적이고 일반적인 그래픽 브라우저는 전체 색상 목록을 지원합니다. 이 색상의 대부분은 X 윈도우 시스템과 함께 배포 된 X11 색상 이름 목록에 있습니다. 이 색상은 SVG 1.0에 의해 표준화되었으며 SVG Full 사용자 에이전트에서 허용됩니다. 그들은 SVG Tiny의 일부가 아닙니다.

X11 제품과 함께 제공되는 색상 목록은 구현마다 다르며 녹색 등의 특정 HTML 이름과 충돌합니다. X11 색상은 sRGB가 아닌 단순한 RGB (따라서 특정 색상 공간이 없음)로 정의됩니다. 즉, X11에서 발견 된 색상 목록 (예 : /usr/lib/X11/rgb.txt)은 웹 색상을 선택하는 데 직접 사용되어서는 안됩니다.

Related Post

CSS3 사양의 웹 “X11 색상”목록과 16 진수 및 십진수는 다음과 같습니다. W3C 표준의 알파벳순 목록을 비교하십시오. 여기에는 aqua (HTML4 / CSS 1.0 표준 이름) 및 Cyan (일반 sRGB 이름), Magenta (일반 sRGB 이름) 및 Fuchsia (HTML4 / CSS 1.0 표준 이름), 회색 (HTML4 / CSS 1.0 표준 이름) 및 회색.

웹에서 안전한 색상
컴퓨팅 초기에는 많은 디스플레이가 256 색만 표시 할 수있었습니다. 이들은 하드웨어에 의해 지시되거나 “컬러 테이블”에 의해 변경 될 수 있습니다. 사용할 수없는 색상 (예 : 이미지)이 발견되면 다른 색상을 사용해야합니다. 가장 가까운 색상을 사용하거나로드 시간을 높이거나 디더링을 사용하면 더 정확한 결과를 얻을 수 있지만 복잡한 계산으로 인해로드하는 데 시간이 오래 걸릴 수 있습니다.

“표준”컬러 팔레트를 만들기위한 다양한 시도가있었습니다. 256 컬러 디스플레이에서 디더링없이 표시 할 수있는 색상 세트가 필요했습니다. 숫자 216은 부분적으로 컴퓨터 운영 체제가 자신의 용도로 16 ~ 20 색을 보류하기 때문에 선택되었습니다. 빨강, 초록, 파랑 ​​(6 × 6 × 6 = 216)의 음영을 정확하게 6 개까지 동일하게 허용하기 때문에 선택되었습니다. 각 음영은 00에서 FF 사이입니다 (두 제한 모두 포함).

색상 목록에는 디더링이 적용되지 않는 특수 속성이있는 것처럼 표시됩니다. 그러나 실제로는 256 색 디스플레이 응용 프로그램에서 원하는 색상을 선택하여 나머지 부분을 디더링하는 팔레트를 설정할 수 있습니다. 이 색상은 다양한 브라우저 응용 프로그램에서 선택한 팔레트와 일치하므로 특히 선택되었습니다. 서로 다른 브라우저에서 사용되는 팔레트가별로 다릅니다.

“Web-safe”색상은 응용 프로그램간에 팔레트가 공유되는 X11과 같은 시스템에서 작은 색상 큐브 (5 × 5 × 5 또는 4 × 4 × 4)가 브라우저에서 할당 한 결함 인 “웹 안전 “이러한 시스템에서는 색상이 떨리게됩니다. 더 큰 범위의 색상을 가진 이미지를 제공하고 필요하다면 브라우저가 이중 양자화의 품질 손실을 겪기보다는 색 공간을 양자화 할 수있게함으로써 다른 결과가 얻어졌습니다.

2011 년 현재 개인용 컴퓨터는 일반적으로 24 비트 (TrueColor)이며 “웹 안전”색상의 사용은 실질적으로 사용되지 않습니다.

“웹 안전”색상은 모두 표준 이름을 가지고 있지는 않지만 RGB 삼중 항으로 각각 지정할 수 있습니다. 각 구성 요소 (빨강, 녹색 및 파랑)는 다음 표의 6 개 값 중 하나를 취합니다 (가능한 256 개 24 비트 컬러로 각 구성 요소에 사용할 수있는 값).

가장 안전한 웹 색상
216 컬러 팔레트를 개발할 때 많은 8 비트 컬러 디스플레이가 있었기 때문에 디자이너는 웹 사이트에서 216 가지 “웹 안전”색상을 고수해야했습니다. David Lehn과 Hadley Stern은 웹 안전 팔레트에서 216 색 중 22 색만이 16 비트 컴퓨터 디스플레이에서 일관성없는 재 매핑없이 안정적으로 표시된다는 것을 발견했습니다.

CSS 색상
캐스 케이 딩 스타일 시트 사양은 Internet Explorer (IE) 3.0에서 인식 된 총 140 개의 이름에 대해 Netscape X11 색상 목록의 HTML 4 사양과 동일한 수의 16 색 HTML과 124 색을 정의합니다. Netscape Navigator 3.0. 블로 베리 닷컴 (Blooberry.com)은 오페라 2.1과 사파리 1에는 네스케이프의 확장 된 140 색 이름 목록이 포함되어 있었지만 나중에 Windows 98에서 오페라 3.5에 포함되지 않은 14 개의 이름이 발견되었다고한다.

CSS 2.1에서는 17 개의 색상으로 16 개의 HTML4 색상이있는 섹션에 ‘오렌지색'(140 개 중 하나) 색상이 추가되었습니다. CSS3.0 사양은 “기본 색상 키워드”로 이름이 바뀐 “HTML4 색상 키워드”섹션에 주황색을 포함하지 않았습니다. 같은 참조에서 “SVG color keywords”섹션은 이전 작업 초안에서 “X11 color keywords”로 시작한 후 “Extended color keywords”로 이름이 바뀌 었습니다.

CSS 2, SVG 및 CSS 2.1을 사용하면 웹 작성자가 운영 체제에서 값을 가져온 색상 이름 인 시스템 색상을 사용하고 운영 체제의 강조 표시된 텍스트 색상을 선택하거나 툴팁 컨트롤의 배경색을 사용할 수 있습니다. 이를 통해 웹 제작자는 사용자 에이전트의 운영 체제에 맞게 콘텐츠의 스타일을 지정할 수 있습니다. CSS3 컬러 모듈은 CSS3 UI System Appearance 속성을 사용하여 시스템 색상을 사용하지 않으므로 CSS3에서 그 자체가 삭제되었습니다.

2014 년 6 월 21 일 CSS WG는 Eric Meyer의 딸인 Rebecca를 기념하기 위해 2014 년 6 월 6 일 여섯 번째 생일을 맞아 사망 한 Rebecca를 기념하기 위해 RebeccaPurple이라는 색을 CSS4 색상 모듈의 Editor ‘s Draft에 추가했습니다.

접근성
일부 브라우저 및 장치는 색상을 지원하지 않습니다. 이러한 디스플레이의 경우 또는 시각 장애인 및 색맹 사용자의 경우 색상에 따라 웹 콘텐츠를 사용할 수 없거나 사용하기가 어려울 수 있습니다.

(브라우저의 기본 색상을 호출하기 위해) 색상을 지정하거나 배경색과 모든 전경색 (예 : 일반 텍스트, 방문하지 않은 링크, 올린 링크, 활성 링크 및 방문한 링크의 색상)을 지정해서는 안됩니다 검은 색 또는 흰색의 흰색 효과에 검은 색.

Share