CSS 색상 속성. 색상 코드

도구 중 하나는 웹 페이지 스타일을 변경 - CSS 색상. 이 설정을 변경하는 방법에는 여러 가지가 있습니다. 각각의 장점과 단점을 모두 가지고있다.

이름

색상 속성은 항목의 색상을 설정합니다. 타이틀 (145) 음영은 CSS에 포함되어 있습니다. 그 중 (예 : 진홍, lawngreen 등) 및 복합 (블랙, 블루와 같은) 간단한있다.

하드의 전체 목록을 기억하기 때문에, 스타일 시트의 이름은 거의 사용되지 않습니다.

RGB

TV의 대부분은 스마트 폰, 모니터는 RGB 색상 모델과 함께 작동합니다. 즉 어떤 색깔은 빨강, 녹색, 파랑 원색의 조합으로 설정 될 수있다. . 비슷한 접근 방식은 두 장치에 사용하고, CSS입니다. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. 색상은 색상의 수는 16,777,216 같다 0 내지 255에 기본 조성 인출 값이다.

RGB (255, 255, 255 참조) - RGB 모델을 직접 컬러 촬상의 물리 법칙에 관련되기 때문에, 검은 색은, RGB (0, 0, 0), 백색 내에 특정된다. 알파 채널이 추가 된 RGB 완전히 유사한 RGBA 시스템. 그것은 배경 음영 혼합 투명성에 영향을 미친다. 소자의 형태에서 "기판"에 따라 달라질 것이다.

HSL

당신이 컬러 휠을 제출해야하는 방법 HLS 시스템을 이해합니다. 그 중심에는 무지개의 빨강, 다음 (시계 방향으로) 모든 다른 색상입니다. цвета при помощи системы HLS требуется задать три параметра: HLS 시스템을 사용하여 CSS의 색상을 결정하는 것은 세 개의 매개 변수가 필요합니다 :

• (도) 색상 - 원 중심 방향;
• 채도 (비율) - 얼마나 많은 색상이 필요;
• (백분율)의 밝기.

예를 들어, 퍼플하는 방식으로 결정될 수있다 : 고속 링크 (315, 100 %, 45 %). HSL 실험에 가장 편리합니다. 공부 한 후 컬러 휠을, 당신은 스타일 시트가 약의 특정 요소를 설정 무슨 색깔 표현 시청 할 수있다. HSLA - 동일 HLS, 단지 알파 : HSL (0, 100 %, 50, 0.6) - 레드 투명 약간의 절반 이상.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS에서는 같은 값 #의 FF4500에 의해 결정 오렌지로, 16 진수 표현을 사용하여 색상을 설정할 수 있습니다.

어떤 16 진수 표현의 더 나은 이해를 위해, 더 십진법을 고려해야합니다. 이는 0보다 큰 숫자 (9)를 계산에 필요 한 비트를 추가 9까지의 숫자이며, 9- 후 그것에 후 100 10 켜지고 16 진수 등등. E. 모두 완전히 동일하지만, 다음 B 등으로 F에 - 십진법 15과 동일. 그러던 어느 자리를 추가, 그것은 일반적인 측면에서 16의 10 밝혀졌습니다.

RGB에서와 같이, HEX 색상은 원색을 사용하는 어떤 비율로 나타냅니다. (# FFD500 색상)이 경우, 그것들은 쉼표로 구분되지 않는다. 모든 두 글자는 적색, 녹색 및 청색의 수를 지정합니다.

CSS. 원칙적으로, HEX 시스템은 올바른 CSS 색상을 찾을 수 없기 때문에, 실험 기간 동안 사용되지 않습니다. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. 표는이 문제에 도움이 될 수 있습니다,하지만 당신은 끊임없이 참조하는 경우, 작업이 지연됩니다. 템플릿이 그래픽 편집기에서 전송 될 때 16 진수 표현이 가장 편리합니다. 하나의 자리에서 세 차례보다 복사하기가 훨씬 쉽다.

어떤 방법이 최선인가?

이 때문에 우리는 아무것도 콘크리트를 말할 수 없습니다. 인터페이스의 요소가 투명성을해야하는 경우, RGBA와 HSLA 사이에서 선택합니다. 브라우저 HLS 컬러 휠에서 실험하고자하는 경우 가장 편리 할 것입니다. 이 팔레트를 사용하거나 포토샵에서 디자인을 전송하는 경우, CSS 16 진수 색상 코드를 선호한다.