HSL에서 HEX

HSL과 HEX 비교

CSS 3는 HSL을 사용하여 색상을 정의하는 또 다른 방법을 소개합니다 (영어. 색조, 채도, 밝기). 색상이 색조, 채도 및 밝기의 세 가지 매개 변수에 의해 결정되는 모델입니다. 각 매개 변수를 개별적으로 살펴 보겠습니다. HSL의 주요 장점은 색상 특성을 서로 독립적으로 지정할 수 있다는 것입니다. 이것은 당신에게 엄청난 기회를 열어줍니다. 색상을 더 밝게, 더 어둡게, 더 채도 또는 채도로 쉽게 만들 수 있습니다. 그리고 그 그늘을 유지하면서. 또는 그 반대-채도 또는 밝기를 변경하지 않고 색조를 변경합니다. 종종 전처리 기는 이러한 기능을 사용하는 데 사용되지만 기능 없이도 가능합니다. hsl () 함수는 HSL 색상을 지정하는 데 사용됩니다. 이 함수는 쉼표로 구분 된 색조, 채도 및 밝기의 세 가지 값을 사용합니다. 채도 및 밝기 값을 변경하여 특정 색상에 대해 인접한 색조를 얻을 수 있습니다.

대부분의 경우 쌍의 첫 번째 숫자 만 고려하여 16 진수 코드로 색상을 인식 할 수 있습니다. 아래 예에서 색상이 많은 빨간색, 약간 파란색, 녹색이 전혀 섞이지 않은 것이 분명합니다. 16 진수 코드로 색상을 이해하면 웹 디자이너가 페이지 코드를 더 빠르게 탐색 할 수 있으며, 또한 Ah, 부르고뉴의 멋진 그늘이라고 말하여 항상 동료 나 고객에게 깊은 인상을 줄 수 있습니다. 16 진수 코드 만 편집하여 색상의 밝기, 색조 또는 채도를 쉽게 변경할 수도 있습니다. 아래의 첫 번째 예에서 쌍 중 하나는 10 % 단계로 변경되고 색상 밝기는 증가합니다. 두 번째 예에서는 밝기가 증가하지만 채도가 떨어집니다. RGB 값은 #RRGGBB 형식의 16 진수 (HEX) 색상 값을 사용하여 지정할 수도 있습니다. 여기서 RR (빨간색), GG (녹색) 및 BB (파란색)는 00에서 FF까지의 16 진수 값입니다 (10 진수 0과 동일). 255). 십진법과 달리 16 진법은 이름에서 알 수 있듯이 숫자 16을 기반으로합니다.